It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://wholeloops.com/

  1. <!doctype html>
  2. <html class="js" lang="en">
  3.  <head>
  4.    <meta charset="utf-8">
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.    <meta name="viewport" content="width=device-width,initial-scale=1">
  7.    <meta name="theme-color" content="">
  8.    <link rel="canonical" href="https://wholeloops.com/"><link rel="icon" type="image/png" href="//wholeloops.com/cdn/shop/files/favicon_4.jpg?crop=center&height=32&v=1741314309&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
  9.      Whole Loops
  10. </title>
  11.  
  12.    
  13.  
  14.    
  15.  
  16. <meta property="og:site_name" content="Whole Loops">
  17. <meta property="og:url" content="https://wholeloops.com/">
  18. <meta property="og:title" content="Whole Loops">
  19. <meta property="og:type" content="website">
  20. <meta property="og:description" content="Whole Loops"><meta property="og:image" content="http://wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?height=628&pad_color=ffffff&v=1741314289&width=1200">
  21.  <meta property="og:image:secure_url" content="https://wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?height=628&pad_color=ffffff&v=1741314289&width=1200">
  22.  <meta property="og:image:width" content="1200">
  23.  <meta property="og:image:height" content="628"><meta name="twitter:site" content="@https://x.com/ReidStefan"><meta name="twitter:card" content="summary_large_image">
  24. <meta name="twitter:title" content="Whole Loops">
  25. <meta name="twitter:description" content="Whole Loops">
  26.  
  27.  
  28.    <script src="//wholeloops.com/cdn/shop/t/1/assets/constants.js?v=132983761750457495441741311023" defer="defer"></script>
  29.    <script src="//wholeloops.com/cdn/shop/t/1/assets/pubsub.js?v=25310214064522200911741311024" defer="defer"></script>
  30.    <script src="//wholeloops.com/cdn/shop/t/1/assets/global.js?v=184345515105158409801741311023" defer="defer"></script>
  31.    <script src="//wholeloops.com/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501741311023" defer="defer"></script>
  32.    <script src="//wholeloops.com/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451741311023" defer="defer"></script>
  33.    <script src="//wholeloops.com/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541741311024" defer="defer"></script><script src="//wholeloops.com/cdn/shop/t/1/assets/animations.js?v=88693664871331136111741311022" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="L2bDZXpa8xlgeP1f1LxKWL62LZJMuIbC_cdQWdJl1Eo">
  34. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74482843903/digital_wallets/dialog">
  35. <meta name="shopify-checkout-api-token" content="b74073f19a0e1281ea6293419910334a">
  36. <meta id="in-context-paypal-metadata" data-shop-id="74482843903" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  37. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  38. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  39. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=74482843903" crossorigin="anonymous"></script>
  40. <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":74482843903,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/74482843903","merchantName":"Whole Loops","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Whole Loops","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
  41. <script id="shopify-features" type="application/json">{"accessToken":"b74073f19a0e1281ea6293419910334a","betas":["rich-media-storefront-analytics"],"domain":"wholeloops.com","predictiveSearch":true,"shopId":74482843903,"locale":"en"}</script>
  42. <script>var Shopify = Shopify || {};
  43. Shopify.shop = "w1q1ty-9y.myshopify.com";
  44. Shopify.locale = "en";
  45. Shopify.currency = {"active":"USD","rate":"1.0"};
  46. Shopify.country = "US";
  47. Shopify.theme = {"name":"Dawn","id":149018378495,"schema_name":"Dawn","schema_version":"15.3.0","theme_store_id":887,"role":"main"};
  48. Shopify.theme.handle = "null";
  49. Shopify.theme.style = {"id":null,"handle":null};
  50. Shopify.cdnHost = "wholeloops.com/cdn";
  51. Shopify.routes = Shopify.routes || {};
  52. Shopify.routes.root = "/";</script>
  53. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  54. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  55. <script>
  56.  window.ShopifyPay = window.ShopifyPay || {};
  57.  window.ShopifyPay.apiHost = "shop.app\/pay";
  58.  window.ShopifyPay.redirectState = null;
  59. </script>
  60. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  61. <script>
  62.  window.Shopify = window.Shopify || {};
  63.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  64.  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_BMcL9bw4.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-windoid":["modules/v2/client.init-windoid_sQF-QLLI.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DiTMbfW0.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-cart-sync":["modules/v2/client.shop-cart-sync_Dz9h8RHM.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_9qTz1upw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DsFSorng.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-button":["modules/v2/client.shop-button_DROfQ-Pw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"pay-button":["modules/v2/client.pay-button_xbIPyKtk.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_B3RgAl3M.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_H3bjcmEe.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_C8_25TL-.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_GzoesL4B.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_kjwZuYIL.en.esm.js","modules/v2/client.shop-login-button_Bg8piTNJ.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CG0ePEDw.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"lead-capture":["modules/v2/client.lead-capture_C8U4dr4I.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"],"payment-terms":["modules/v2/client.payment-terms_1CzOQRVF.en.esm.js","modules/v2/chunk.common_DkXzZczB.esm.js","modules/v2/chunk.modal_DtVu4ACX.esm.js"]};
  65. </script>
  66. <script id="__st">var __st={"a":74482843903,"offset":-25200,"reqid":"3c2e3d2d-be53-467c-95ba-fb7f71aaf016-1758248705","pageurl":"wholeloops.com\/","u":"065db4685504","p":"home"};</script>
  67. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  68. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
  69. <script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//wholeloops.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
  70. <script crossorigin="anonymous" defer="defer" src="//wholeloops.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
  71. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://wholeloops.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  72. </script>
  73. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  74.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  75. </script>
  76. <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
  77. </script>
  78. <link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://wholeloops.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  79. <style id="shopify-accelerated-checkout-cart">
  80.        #shopify-buyer-consent {
  81.  margin-top: 1em;
  82.  display: inline-block;
  83.  width: 100%;
  84. }
  85.  
  86. #shopify-buyer-consent.hidden {
  87.  display: none;
  88. }
  89.  
  90. #shopify-subscription-policy-button {
  91.  background: none;
  92.  border: none;
  93.  padding: 0;
  94.  text-decoration: underline;
  95.  font-size: inherit;
  96.  cursor: pointer;
  97. }
  98.  
  99. #shopify-subscription-policy-button::before {
  100.  box-shadow: none;
  101. }
  102.  
  103.      </style>
  104. <script id="sections-script" data-sections="header" defer="defer" src="//wholeloops.com/cdn/shop/t/1/compiled_assets/scripts.js?464"></script>
  105. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  106.  
  107.  
  108.    <style data-shopify>
  109.      @font-face {
  110.  font-family: Montserrat;
  111.  font-weight: 400;
  112.  font-style: normal;
  113.  font-display: swap;
  114.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a6ed9aabb5a781e6654e78ce4804e829024de585168133f61859274025473f18") format("woff2"),
  115.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=db5b256cb6c9cce1cb7be38024df6bc8bc6f740de1722e6854434ee0f0c81d64") format("woff");
  116. }
  117.  
  118.      @font-face {
  119.  font-family: Montserrat;
  120.  font-weight: 700;
  121.  font-style: normal;
  122.  font-display: swap;
  123.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b0ea1501d34fe42d3164073b12956950d3e2fe398bf07bd42170f57bbba53ded") format("woff2"),
  124.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a981b001a18ad729387cddc3eb93e2bd055e72e9f33b0404030b7865283d4dd3") format("woff");
  125. }
  126.  
  127.      @font-face {
  128.  font-family: Montserrat;
  129.  font-weight: 400;
  130.  font-style: italic;
  131.  font-display: swap;
  132.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=25e3514f15d6669b2630f9865ce369c5327ad476a725e1005655a3d876d37f2d") format("woff2"),
  133.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=2ff1d2e66c3f3b44d009dccc63d51bf05093520202ea3d407638c71dc531b64c") format("woff");
  134. }
  135.  
  136.      @font-face {
  137.  font-family: Montserrat;
  138.  font-weight: 700;
  139.  font-style: italic;
  140.  font-display: swap;
  141.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=888ed324a1a75e56141f0774d1b3f099c6ff8163d26ec01fc8f84ed6fd00f528") format("woff2"),
  142.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=1d73a75f09ba8f2c7e15e33312cb1dfbcfc205d38baa97880749068f3785cc85") format("woff");
  143. }
  144.  
  145.      @font-face {
  146.  font-family: Montserrat;
  147.  font-weight: 700;
  148.  font-style: normal;
  149.  font-display: swap;
  150.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b0ea1501d34fe42d3164073b12956950d3e2fe398bf07bd42170f57bbba53ded") format("woff2"),
  151.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a981b001a18ad729387cddc3eb93e2bd055e72e9f33b0404030b7865283d4dd3") format("woff");
  152. }
  153.  
  154.  
  155.      
  156.        :root,
  157.        .color-scheme-1 {
  158.          --color-background: 255,255,255;
  159.        
  160.          --gradient-background: #ffffff;
  161.        
  162.  
  163.        
  164.  
  165.        --color-foreground: 18,18,18;
  166.        --color-background-contrast: 191,191,191;
  167.        --color-shadow: 18,18,18;
  168.        --color-button: 18,18,18;
  169.        --color-button-text: 255,255,255;
  170.        --color-secondary-button: 255,255,255;
  171.        --color-secondary-button-text: 18,18,18;
  172.        --color-link: 18,18,18;
  173.        --color-badge-foreground: 18,18,18;
  174.        --color-badge-background: 255,255,255;
  175.        --color-badge-border: 18,18,18;
  176.        --payment-terms-background-color: rgb(255 255 255);
  177.      }
  178.      
  179.        
  180.        .color-scheme-2 {
  181.          --color-background: 243,243,243;
  182.        
  183.          --gradient-background: #f3f3f3;
  184.        
  185.  
  186.        
  187.  
  188.        --color-foreground: 18,18,18;
  189.        --color-background-contrast: 179,179,179;
  190.        --color-shadow: 18,18,18;
  191.        --color-button: 18,18,18;
  192.        --color-button-text: 243,243,243;
  193.        --color-secondary-button: 243,243,243;
  194.        --color-secondary-button-text: 18,18,18;
  195.        --color-link: 18,18,18;
  196.        --color-badge-foreground: 18,18,18;
  197.        --color-badge-background: 243,243,243;
  198.        --color-badge-border: 18,18,18;
  199.        --payment-terms-background-color: rgb(243 243 243);
  200.      }
  201.      
  202.        
  203.        .color-scheme-3 {
  204.          --color-background: 36,40,51;
  205.        
  206.          --gradient-background: #242833;
  207.        
  208.  
  209.        
  210.  
  211.        --color-foreground: 255,255,255;
  212.        --color-background-contrast: 47,52,66;
  213.        --color-shadow: 18,18,18;
  214.        --color-button: 255,255,255;
  215.        --color-button-text: 0,0,0;
  216.        --color-secondary-button: 36,40,51;
  217.        --color-secondary-button-text: 255,255,255;
  218.        --color-link: 255,255,255;
  219.        --color-badge-foreground: 255,255,255;
  220.        --color-badge-background: 36,40,51;
  221.        --color-badge-border: 255,255,255;
  222.        --payment-terms-background-color: rgb(36 40 51);
  223.      }
  224.      
  225.        
  226.        .color-scheme-4 {
  227.          --color-background: 18,18,18;
  228.        
  229.          --gradient-background: #121212;
  230.        
  231.  
  232.        
  233.  
  234.        --color-foreground: 255,255,255;
  235.        --color-background-contrast: 146,146,146;
  236.        --color-shadow: 18,18,18;
  237.        --color-button: 255,255,255;
  238.        --color-button-text: 18,18,18;
  239.        --color-secondary-button: 18,18,18;
  240.        --color-secondary-button-text: 255,255,255;
  241.        --color-link: 255,255,255;
  242.        --color-badge-foreground: 255,255,255;
  243.        --color-badge-background: 18,18,18;
  244.        --color-badge-border: 255,255,255;
  245.        --payment-terms-background-color: rgb(18 18 18);
  246.      }
  247.      
  248.        
  249.        .color-scheme-5 {
  250.          --color-background: 51,79,180;
  251.        
  252.          --gradient-background: #334fb4;
  253.        
  254.  
  255.        
  256.  
  257.        --color-foreground: 255,255,255;
  258.        --color-background-contrast: 23,35,81;
  259.        --color-shadow: 18,18,18;
  260.        --color-button: 255,255,255;
  261.        --color-button-text: 51,79,180;
  262.        --color-secondary-button: 51,79,180;
  263.        --color-secondary-button-text: 255,255,255;
  264.        --color-link: 255,255,255;
  265.        --color-badge-foreground: 255,255,255;
  266.        --color-badge-background: 51,79,180;
  267.        --color-badge-border: 255,255,255;
  268.        --payment-terms-background-color: rgb(51 79 180);
  269.      }
  270.      
  271.        
  272.        .color-scheme-e4eea1c7-2e18-449a-95f6-ab8ebb53b4dd {
  273.          --color-background: 255,255,255;
  274.        
  275.          --gradient-background: #ffffff;
  276.        
  277.  
  278.        
  279.  
  280.        --color-foreground: 18,18,18;
  281.        --color-background-contrast: 191,191,191;
  282.        --color-shadow: 18,18,18;
  283.        --color-button: 18,18,18;
  284.        --color-button-text: 255,255,255;
  285.        --color-secondary-button: 255,255,255;
  286.        --color-secondary-button-text: 18,18,18;
  287.        --color-link: 18,18,18;
  288.        --color-badge-foreground: 18,18,18;
  289.        --color-badge-background: 255,255,255;
  290.        --color-badge-border: 18,18,18;
  291.        --payment-terms-background-color: rgb(255 255 255);
  292.      }
  293.      
  294.        
  295.        .color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a {
  296.          --color-background: 255,255,255;
  297.        
  298.          --gradient-background: radial-gradient(rgba(248, 202, 152, 1), rgba(237, 161, 95, 1) 100%);
  299.        
  300.  
  301.        
  302.  
  303.        --color-foreground: 18,18,18;
  304.        --color-background-contrast: 191,191,191;
  305.        --color-shadow: 18,18,18;
  306.        --color-button: 18,18,18;
  307.        --color-button-text: 255,255,255;
  308.        --color-secondary-button: 255,255,255;
  309.        --color-secondary-button-text: 18,18,18;
  310.        --color-link: 18,18,18;
  311.        --color-badge-foreground: 18,18,18;
  312.        --color-badge-background: 255,255,255;
  313.        --color-badge-border: 18,18,18;
  314.        --payment-terms-background-color: rgb(255 255 255);
  315.      }
  316.      
  317.        
  318.        .color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 {
  319.          --color-background: 0,0,0;
  320.        
  321.          --gradient-background: rgba(0,0,0,0);
  322.        
  323.  
  324.        
  325.  
  326.        --color-foreground: 18,18,18;
  327.        --color-background-contrast: 128,128,128;
  328.        --color-shadow: 18,18,18;
  329.        --color-button: 18,18,18;
  330.        --color-button-text: 0,0,0;
  331.        --color-secondary-button: 0,0,0;
  332.        --color-secondary-button-text: 18,18,18;
  333.        --color-link: 18,18,18;
  334.        --color-badge-foreground: 18,18,18;
  335.        --color-badge-background: 0,0,0;
  336.        --color-badge-border: 18,18,18;
  337.        --payment-terms-background-color: rgb(0 0 0);
  338.      }
  339.      
  340.  
  341.      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-e4eea1c7-2e18-449a-95f6-ab8ebb53b4dd, .color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a, .color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 {
  342.        color: rgba(var(--color-foreground), 0.75);
  343.        background-color: rgb(var(--color-background));
  344.      }
  345.  
  346.      :root {
  347.        --font-body-family: Montserrat, sans-serif;
  348.        --font-body-style: normal;
  349.        --font-body-weight: 400;
  350.        --font-body-weight-bold: 700;
  351.  
  352.        --font-heading-family: Montserrat, sans-serif;
  353.        --font-heading-style: normal;
  354.        --font-heading-weight: 700;
  355.  
  356.        --font-body-scale: 1.0;
  357.        --font-heading-scale: 1.0;
  358.  
  359.        --media-padding: px;
  360.        --media-border-opacity: 0.05;
  361.        --media-border-width: 1px;
  362.        --media-radius: 0px;
  363.        --media-shadow-opacity: 0.0;
  364.        --media-shadow-horizontal-offset: 0px;
  365.        --media-shadow-vertical-offset: 4px;
  366.        --media-shadow-blur-radius: 5px;
  367.        --media-shadow-visible: 0;
  368.  
  369.        --page-width: 120rem;
  370.        --page-width-margin: 0rem;
  371.  
  372.        --product-card-image-padding: 0.0rem;
  373.        --product-card-corner-radius: 0.0rem;
  374.        --product-card-text-alignment: left;
  375.        --product-card-border-width: 0.0rem;
  376.        --product-card-border-opacity: 0.1;
  377.        --product-card-shadow-opacity: 0.0;
  378.        --product-card-shadow-visible: 0;
  379.        --product-card-shadow-horizontal-offset: 0.0rem;
  380.        --product-card-shadow-vertical-offset: 0.4rem;
  381.        --product-card-shadow-blur-radius: 0.5rem;
  382.  
  383.        --collection-card-image-padding: 0.0rem;
  384.        --collection-card-corner-radius: 0.0rem;
  385.        --collection-card-text-alignment: left;
  386.        --collection-card-border-width: 0.0rem;
  387.        --collection-card-border-opacity: 0.1;
  388.        --collection-card-shadow-opacity: 0.0;
  389.        --collection-card-shadow-visible: 0;
  390.        --collection-card-shadow-horizontal-offset: 0.0rem;
  391.        --collection-card-shadow-vertical-offset: 0.4rem;
  392.        --collection-card-shadow-blur-radius: 0.5rem;
  393.  
  394.        --blog-card-image-padding: 0.0rem;
  395.        --blog-card-corner-radius: 0.0rem;
  396.        --blog-card-text-alignment: left;
  397.        --blog-card-border-width: 0.0rem;
  398.        --blog-card-border-opacity: 0.1;
  399.        --blog-card-shadow-opacity: 0.0;
  400.        --blog-card-shadow-visible: 0;
  401.        --blog-card-shadow-horizontal-offset: 0.0rem;
  402.        --blog-card-shadow-vertical-offset: 0.4rem;
  403.        --blog-card-shadow-blur-radius: 0.5rem;
  404.  
  405.        --badge-corner-radius: 4.0rem;
  406.  
  407.        --popup-border-width: 1px;
  408.        --popup-border-opacity: 0.1;
  409.        --popup-corner-radius: 0px;
  410.        --popup-shadow-opacity: 0.05;
  411.        --popup-shadow-horizontal-offset: 0px;
  412.        --popup-shadow-vertical-offset: 4px;
  413.        --popup-shadow-blur-radius: 5px;
  414.  
  415.        --drawer-border-width: 1px;
  416.        --drawer-border-opacity: 0.1;
  417.        --drawer-shadow-opacity: 0.0;
  418.        --drawer-shadow-horizontal-offset: 0px;
  419.        --drawer-shadow-vertical-offset: 4px;
  420.        --drawer-shadow-blur-radius: 5px;
  421.  
  422.        --spacing-sections-desktop: 0px;
  423.        --spacing-sections-mobile: 0px;
  424.  
  425.        --grid-desktop-vertical-spacing: 8px;
  426.        --grid-desktop-horizontal-spacing: 8px;
  427.        --grid-mobile-vertical-spacing: 4px;
  428.        --grid-mobile-horizontal-spacing: 4px;
  429.  
  430.        --text-boxes-border-opacity: 0.1;
  431.        --text-boxes-border-width: 0px;
  432.        --text-boxes-radius: 0px;
  433.        --text-boxes-shadow-opacity: 0.0;
  434.        --text-boxes-shadow-visible: 0;
  435.        --text-boxes-shadow-horizontal-offset: 0px;
  436.        --text-boxes-shadow-vertical-offset: 4px;
  437.        --text-boxes-shadow-blur-radius: 5px;
  438.  
  439.        --buttons-radius: 0px;
  440.        --buttons-radius-outset: 0px;
  441.        --buttons-border-width: 1px;
  442.        --buttons-border-opacity: 1.0;
  443.        --buttons-shadow-opacity: 0.0;
  444.        --buttons-shadow-visible: 0;
  445.        --buttons-shadow-horizontal-offset: 0px;
  446.        --buttons-shadow-vertical-offset: 4px;
  447.        --buttons-shadow-blur-radius: 5px;
  448.        --buttons-border-offset: 0px;
  449.  
  450.        --inputs-radius: 0px;
  451.        --inputs-border-width: 1px;
  452.        --inputs-border-opacity: 0.55;
  453.        --inputs-shadow-opacity: 0.0;
  454.        --inputs-shadow-horizontal-offset: 0px;
  455.        --inputs-margin-offset: 0px;
  456.        --inputs-shadow-vertical-offset: 4px;
  457.        --inputs-shadow-blur-radius: 5px;
  458.        --inputs-radius-outset: 0px;
  459.  
  460.        --variant-pills-radius: 40px;
  461.        --variant-pills-border-width: 1px;
  462.        --variant-pills-border-opacity: 0.55;
  463.        --variant-pills-shadow-opacity: 0.0;
  464.        --variant-pills-shadow-horizontal-offset: 0px;
  465.        --variant-pills-shadow-vertical-offset: 4px;
  466.        --variant-pills-shadow-blur-radius: 5px;
  467.      }
  468.  
  469.      *,
  470.      *::before,
  471.      *::after {
  472.        box-sizing: inherit;
  473.      }
  474.  
  475.      html {
  476.        box-sizing: border-box;
  477.        font-size: calc(var(--font-body-scale) * 62.5%);
  478.        height: 100%;
  479.      }
  480.  
  481.      body {
  482.        display: grid;
  483.        grid-template-rows: auto auto 1fr auto;
  484.        grid-template-columns: 100%;
  485.        min-height: 100%;
  486.        margin: 0;
  487.        font-size: 1.5rem;
  488.        letter-spacing: 0.06rem;
  489.        line-height: calc(1 + 0.8 / var(--font-body-scale));
  490.        font-family: var(--font-body-family);
  491.        font-style: var(--font-body-style);
  492.        font-weight: var(--font-body-weight);
  493.      }
  494.  
  495.      @media screen and (min-width: 750px) {
  496.        body {
  497.          font-size: 1.6rem;
  498.        }
  499.      }
  500.    </style>
  501.  
  502.    <link href="//wholeloops.com/cdn/shop/t/1/assets/base.css?v=159841507637079171801741311022" rel="stylesheet" type="text/css" media="all" />
  503.    <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-cart-items.css?v=123238115697927560811741311023" media="print" onload="this.media='all'">
  504.      <link rel="preload" as="font" href="//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a6ed9aabb5a781e6654e78ce4804e829024de585168133f61859274025473f18" type="font/woff2" crossorigin>
  505.      
  506.  
  507.      <link rel="preload" as="font" href="//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b0ea1501d34fe42d3164073b12956950d3e2fe398bf07bd42170f57bbba53ded" type="font/woff2" crossorigin>
  508.      
  509. <link
  510.        rel="stylesheet"
  511.        href="//wholeloops.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561741311023"
  512.        media="print"
  513.        onload="this.media='all'"
  514.      ><script>
  515.      if (Shopify.designMode) {
  516.        document.documentElement.classList.add('shopify-design-mode');
  517.      }
  518.    </script>
  519.  <script src="https://cdn.shopify.com/extensions/a2d8c4d2-baeb-48e6-9d0e-223f59f3a47e/essential-countdown-timer-37/assets/countdown_timer_essential_apps.min.js" type="text/javascript" defer="defer"></script>
  520. <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  521. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 74482843903,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  522. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 74482843903,storefrontBaseUrl: "https://wholeloops.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"802029823","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-P8ZRRMGH\\\",\\\"google_tag_ids\\\":[\\\"GT-P8ZRRMGH\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Whole Loops","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"w1q1ty-9y.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/wholeloops.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://wholeloops.com/cdn","f76b4158w3f0cce88pd0473a40m5f85a2ef",{"modern":"","legacy":""},{"shopId":"74482843903","storefrontBaseUrl":"https:\/\/wholeloops.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"f76b4158w3f0cce88pd0473a40m5f85a2ef","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  523.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  524.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  525.  window.ShopifyAnalytics.meta.currency = 'USD';
  526.  var meta = {"page":{"pageType":"home"}};
  527.  for (var attr in meta) {
  528.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  529.  }
  530. </script>
  531. <script class="analytics">
  532.  (function () {
  533.    var customDocumentWrite = function(content) {
  534.      var jquery = null;
  535.  
  536.      if (window.jQuery) {
  537.        jquery = window.jQuery;
  538.      } else if (window.Checkout && window.Checkout.$) {
  539.        jquery = window.Checkout.$;
  540.      }
  541.  
  542.      if (jquery) {
  543.        jquery('body').append(content);
  544.      }
  545.    };
  546.  
  547.    var hasLoggedConversion = function(token) {
  548.      if (token) {
  549.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  550.      }
  551.      return false;
  552.    }
  553.  
  554.    var setCookieIfConversion = function(token) {
  555.      if (token) {
  556.        var twoMonthsFromNow = new Date(Date.now());
  557.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  558.  
  559.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  560.      }
  561.    }
  562.  
  563.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  564.    if (trekkie.integrations) {
  565.      return;
  566.    }
  567.    trekkie.methods = [
  568.      'identify',
  569.      'page',
  570.      'ready',
  571.      'track',
  572.      'trackForm',
  573.      'trackLink'
  574.    ];
  575.    trekkie.factory = function(method) {
  576.      return function() {
  577.        var args = Array.prototype.slice.call(arguments);
  578.        args.unshift(method);
  579.        trekkie.push(args);
  580.        return trekkie;
  581.      };
  582.    };
  583.    for (var i = 0; i < trekkie.methods.length; i++) {
  584.      var key = trekkie.methods[i];
  585.      trekkie[key] = trekkie.factory(key);
  586.    }
  587.    trekkie.load = function(config) {
  588.      trekkie.config = config || {};
  589.      trekkie.config.initialDocumentCookie = document.cookie;
  590.      var first = document.getElementsByTagName('script')[0];
  591.      var script = document.createElement('script');
  592.      script.type = 'text/javascript';
  593.      script.onerror = function(e) {
  594.        var scriptFallback = document.createElement('script');
  595.        scriptFallback.type = 'text/javascript';
  596.        scriptFallback.onerror = function(error) {
  597.                var Monorail = {
  598.      produce: function produce(monorailDomain, schemaId, payload) {
  599.        var currentMs = new Date().getTime();
  600.        var event = {
  601.          schema_id: schemaId,
  602.          payload: payload,
  603.          metadata: {
  604.            event_created_at_ms: currentMs,
  605.            event_sent_at_ms: currentMs
  606.          }
  607.        };
  608.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  609.      },
  610.      sendRequest: function sendRequest(endpointUrl, payload) {
  611.        // Try the sendBeacon API
  612.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  613.          var blobData = new window.Blob([payload], {
  614.            type: 'text/plain'
  615.          });
  616.  
  617.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  618.            return true;
  619.          } // sendBeacon was not successful
  620.  
  621.        } // XHR beacon
  622.  
  623.        var xhr = new XMLHttpRequest();
  624.  
  625.        try {
  626.          xhr.open('POST', endpointUrl);
  627.          xhr.setRequestHeader('Content-Type', 'text/plain');
  628.          xhr.send(payload);
  629.        } catch (e) {
  630.          console.log(e);
  631.        }
  632.  
  633.        return false;
  634.      },
  635.      isIos12: function isIos12() {
  636.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  637.      }
  638.    };
  639.    Monorail.produce('monorail-edge.shopifysvc.com',
  640.      'trekkie_storefront_load_errors/1.1',
  641.      {shop_id: 74482843903,
  642.      theme_id: 149018378495,
  643.      app_name: "storefront",
  644.      context_url: window.location.href,
  645.      source_url: "//wholeloops.com/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js"});
  646.  
  647.        };
  648.        scriptFallback.async = true;
  649.        scriptFallback.src = '//wholeloops.com/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
  650.        first.parentNode.insertBefore(scriptFallback, first);
  651.      };
  652.      script.async = true;
  653.      script.src = '//wholeloops.com/cdn/s/trekkie.storefront.65b96dff0e3deac201f4bbc09d95fca662aba080.min.js';
  654.      first.parentNode.insertBefore(script, first);
  655.    };
  656.    trekkie.load(
  657.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74482843903,"isMerchantRequest":null,"themeId":149018378495,"themeCityHash":"4490733412487551355","contentLanguage":"en","currency":"USD","eventMetadataId":"887ceb4f-ec13-486a-a950-063bb30dfebf"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  658.    );
  659.  
  660.    var loaded = false;
  661.    trekkie.ready(function() {
  662.      if (loaded) return;
  663.      loaded = true;
  664.  
  665.      window.ShopifyAnalytics.lib = window.trekkie;
  666.  
  667.      var originalDocumentWrite = document.write;
  668.      document.write = customDocumentWrite;
  669.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  670.      document.write = originalDocumentWrite;
  671.  
  672.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  673.  
  674.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  675.      var token = match? match[1]: undefined;
  676.      if (!hasLoggedConversion(token)) {
  677.        setCookieIfConversion(token);
  678.        
  679.      }
  680.    });
  681.  
  682.  
  683.        var eventsListenerScript = document.createElement('script');
  684.        eventsListenerScript.async = true;
  685.        eventsListenerScript.src = "//wholeloops.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
  686.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  687.  
  688. })();</script>
  689. <script
  690.  defer
  691.  src="https://wholeloops.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.8.min.js"
  692.  data-application="storefront-renderer"
  693.  data-shop-id="74482843903"
  694.  data-render-region="gcp-us-east1"
  695.  data-page-type="index"
  696.  data-theme-instance-id="149018378495"
  697.  data-theme-name="Dawn"
  698.  data-theme-version="15.3.0"
  699.  data-monorail-region="shop_domain"
  700.  data-resource-timing-sampling-rate="10"
  701.  data-shs="true"
  702.  data-shs-beacon="true"
  703. ></script>
  704. </head>
  705.  
  706.  <body class="gradient animate--hover-vertical-lift">
  707.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  708.      Skip to content
  709.    </a><!-- BEGIN sections: header-group -->
  710. <div id="shopify-section-sections--19145892593919__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991741311023" media="print" onload="this.media='all'">
  711. <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851741311023" media="print" onload="this.media='all'">
  712. <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=147478906057189667651741311023" media="print" onload="this.media='all'">
  713. <link
  714.  rel="stylesheet"
  715.  href="//wholeloops.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221741311023"
  716.  media="print"
  717.  onload="this.media='all'"
  718. ><link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101741311023" media="print" onload="this.media='all'"><style>
  719.  header-drawer {
  720.    justify-self: start;
  721.    margin-left: -1.2rem;
  722.  }@media screen and (min-width: 990px) {
  723.      header-drawer {
  724.        display: none;
  725.      }
  726.    }.menu-drawer-container {
  727.    display: flex;
  728.  }
  729.  
  730.  .list-menu {
  731.    list-style: none;
  732.    padding: 0;
  733.    margin: 0;
  734.  }
  735.  
  736.  .list-menu--inline {
  737.    display: inline-flex;
  738.    flex-wrap: wrap;
  739.  }
  740.  
  741.  summary.list-menu__item {
  742.    padding-right: 2.7rem;
  743.  }
  744.  
  745.  .list-menu__item {
  746.    display: flex;
  747.    align-items: center;
  748.    line-height: calc(1 + 0.3 / var(--font-body-scale));
  749.  }
  750.  
  751.  .list-menu__item--link {
  752.    text-decoration: none;
  753.    padding-bottom: 1rem;
  754.    padding-top: 1rem;
  755.    line-height: calc(1 + 0.8 / var(--font-body-scale));
  756.  }
  757.  
  758.  @media screen and (min-width: 750px) {
  759.    .list-menu__item--link {
  760.      padding-bottom: 0.5rem;
  761.      padding-top: 0.5rem;
  762.    }
  763.  }
  764. </style><style data-shopify>.header {
  765.    padding: 10px 3rem 10px 3rem;
  766.  }
  767.  
  768.  .section-header {
  769.    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
  770.    margin-bottom: 0px;
  771.  }
  772.  
  773.  @media screen and (min-width: 750px) {
  774.    .section-header {
  775.      margin-bottom: 0px;
  776.    }
  777.  }
  778.  
  779.  @media screen and (min-width: 990px) {
  780.    .header {
  781.      padding-top: 20px;
  782.      padding-bottom: 20px;
  783.    }
  784.  }</style><script src="//wholeloops.com/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491741311022" defer="defer"></script>
  785.  
  786. <sticky-header
  787.  
  788.    data-sticky-type="on-scroll-up"
  789.  
  790.  class="header-wrapper color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient header-wrapper--border-bottom"
  791. ><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
  792.  
  793. <header-drawer data-breakpoint="tablet">
  794.  <details id="Details-menu-drawer-container" class="menu-drawer-container">
  795.    <summary
  796.      class="header__icon header__icon--menu header__icon--summary link focus-inset"
  797.      aria-label="Menu"
  798.    >
  799.      <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
  800. <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  801. </span>
  802.    </summary>
  803.    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
  804.      <div class="menu-drawer__inner-container">
  805.        <div class="menu-drawer__navigation-container">
  806.          <nav class="menu-drawer__navigation">
  807.            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
  808.                      id="HeaderDrawer-home"
  809.                      href="/"
  810.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
  811.                      
  812.                        aria-current="page"
  813.                      
  814.                    >
  815.                      Home
  816.                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
  817.                      <summary
  818.                        id="HeaderDrawer-drum-kits"
  819.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  820.                      >
  821.                        Drum Kits
  822.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  823. </span>
  824.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  825. </span>
  826.                      </summary>
  827.                      <div
  828.                        id="link-drum-kits"
  829.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  830.                        tabindex="-1"
  831.                      >
  832.                        <div class="menu-drawer__inner-submenu">
  833.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  834.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  835. </span>
  836.                            Drum Kits
  837.                          </button>
  838.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  839.                                    id="HeaderDrawer-drum-kits-disrespectful-808s"
  840.                                    href="/collections/808"
  841.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  842.                                    
  843.                                  >
  844.                                    Disrespectful 808s
  845.                                  </a></li><li><a
  846.                                    id="HeaderDrawer-drum-kits-raw-hits"
  847.                                    href="/collections/raw-hits"
  848.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  849.                                    
  850.                                  >
  851.                                    Raw Hits
  852.                                  </a></li><li><a
  853.                                    id="HeaderDrawer-drum-kits-hot-tropics"
  854.                                    href="/collections/hot-tropics"
  855.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  856.                                    
  857.                                  >
  858.                                    Hot Tropics
  859.                                  </a></li><li><a
  860.                                    id="HeaderDrawer-drum-kits-urban-beets"
  861.                                    href="/collections/urban-beets"
  862.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  863.                                    
  864.                                  >
  865.                                    Urban Beets
  866.                                  </a></li><li><a
  867.                                    id="HeaderDrawer-drum-kits-bundles"
  868.                                    href="/products/drums-bundle"
  869.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  870.                                    
  871.                                  >
  872.                                    Bundles
  873.                                  </a></li></ul>
  874.                        </div>
  875.                      </div>
  876.                    </details></li><li><details id="Details-menu-drawer-menu-item-3">
  877.                      <summary
  878.                        id="HeaderDrawer-presets"
  879.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  880.                      >
  881.                        Presets
  882.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  883. </span>
  884.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  885. </span>
  886.                      </summary>
  887.                      <div
  888.                        id="link-presets"
  889.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  890.                        tabindex="-1"
  891.                      >
  892.                        <div class="menu-drawer__inner-submenu">
  893.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  894.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  895. </span>
  896.                            Presets
  897.                          </button>
  898.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  899.                                    id="HeaderDrawer-presets-ableton"
  900.                                    href="/collections/ableton-presets"
  901.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  902.                                    
  903.                                  >
  904.                                    Ableton
  905.                                  </a></li><li><a
  906.                                    id="HeaderDrawer-presets-fl-studio"
  907.                                    href="/collections/fl-studio-presets"
  908.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  909.                                    
  910.                                  >
  911.                                    FL Studio
  912.                                  </a></li><li><a
  913.                                    id="HeaderDrawer-presets-logic-pro"
  914.                                    href="/collections/logic"
  915.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  916.                                    
  917.                                  >
  918.                                    Logic Pro
  919.                                  </a></li><li><a
  920.                                    id="HeaderDrawer-presets-waves-studioverse"
  921.                                    href="/collections/waves-studioracks"
  922.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  923.                                    
  924.                                  >
  925.                                    Waves StudioVerse
  926.                                  </a></li><li><a
  927.                                    id="HeaderDrawer-presets-universal-audio"
  928.                                    href="/collections/uad-presets"
  929.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  930.                                    
  931.                                  >
  932.                                    Universal Audio
  933.                                  </a></li><li><a
  934.                                    id="HeaderDrawer-presets-slate-digital"
  935.                                    href="/collections/slate-digital"
  936.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  937.                                    
  938.                                  >
  939.                                    Slate Digital
  940.                                  </a></li><li><a
  941.                                    id="HeaderDrawer-presets-izotope-ozone"
  942.                                    href="/collections/izotope-presets"
  943.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  944.                                    
  945.                                  >
  946.                                    iZotope Ozone
  947.                                  </a></li></ul>
  948.                        </div>
  949.                      </div>
  950.                    </details></li><li><details id="Details-menu-drawer-menu-item-4">
  951.                      <summary
  952.                        id="HeaderDrawer-templates"
  953.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  954.                      >
  955.                        Templates
  956.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  957. </span>
  958.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  959. </span>
  960.                      </summary>
  961.                      <div
  962.                        id="link-templates"
  963.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  964.                        tabindex="-1"
  965.                      >
  966.                        <div class="menu-drawer__inner-submenu">
  967.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  968.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  969. </span>
  970.                            Templates
  971.                          </button>
  972.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  973.                                    id="HeaderDrawer-templates-ableton"
  974.                                    href="/collections/ableton-templates"
  975.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  976.                                    
  977.                                  >
  978.                                    Ableton
  979.                                  </a></li><li><a
  980.                                    id="HeaderDrawer-templates-logic-pro"
  981.                                    href="/collections/logic-pro-templates"
  982.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  983.                                    
  984.                                  >
  985.                                    Logic Pro
  986.                                  </a></li><li><a
  987.                                    id="HeaderDrawer-templates-pro-tools"
  988.                                    href="/collections/pro-tools-templates"
  989.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  990.                                    
  991.                                  >
  992.                                    Pro Tools
  993.                                  </a></li><li><a
  994.                                    id="HeaderDrawer-templates-fl-studio"
  995.                                    href="/collections/fl-studio-templates"
  996.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  997.                                    
  998.                                  >
  999.                                    FL Studio
  1000.                                  </a></li><li><a
  1001.                                    id="HeaderDrawer-templates-studio-one"
  1002.                                    href="/collections/studio-one-templates"
  1003.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1004.                                    
  1005.                                  >
  1006.                                    Studio One
  1007.                                  </a></li><li><a
  1008.                                    id="HeaderDrawer-templates-cubase"
  1009.                                    href="/collections/cubase-templates"
  1010.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1011.                                    
  1012.                                  >
  1013.                                    Cubase
  1014.                                  </a></li><li><a
  1015.                                    id="HeaderDrawer-templates-luna"
  1016.                                    href="/collections/luna-templates"
  1017.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1018.                                    
  1019.                                  >
  1020.                                    Luna
  1021.                                  </a></li></ul>
  1022.                        </div>
  1023.                      </div>
  1024.                    </details></li><li><details id="Details-menu-drawer-menu-item-5">
  1025.                      <summary
  1026.                        id="HeaderDrawer-sounds"
  1027.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1028.                      >
  1029.                        Sounds
  1030.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  1031. </span>
  1032.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1033. </span>
  1034.                      </summary>
  1035.                      <div
  1036.                        id="link-sounds"
  1037.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  1038.                        tabindex="-1"
  1039.                      >
  1040.                        <div class="menu-drawer__inner-submenu">
  1041.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  1042.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  1043. </span>
  1044.                            Sounds
  1045.                          </button>
  1046.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  1047.                                    id="HeaderDrawer-sounds-serum-banks"
  1048.                                    href="/collections/serum-presets"
  1049.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1050.                                    
  1051.                                  >
  1052.                                    Serum Banks
  1053.                                  </a></li><li><a
  1054.                                    id="HeaderDrawer-sounds-midi-packs"
  1055.                                    href="/collections/midi-packs"
  1056.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1057.                                    
  1058.                                  >
  1059.                                    MIDI Packs
  1060.                                  </a></li><li><a
  1061.                                    id="HeaderDrawer-sounds-vocal-sample-packs"
  1062.                                    href="/collections/vocal-samples"
  1063.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1064.                                    
  1065.                                  >
  1066.                                    Vocal Sample Packs
  1067.                                  </a></li><li><a
  1068.                                    id="HeaderDrawer-sounds-guitar-sample-packs"
  1069.                                    href="/collections/sample-packs"
  1070.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1071.                                    
  1072.                                  >
  1073.                                    Guitar Sample Packs
  1074.                                  </a></li></ul>
  1075.                        </div>
  1076.                      </div>
  1077.                    </details></li><li><a
  1078.                      id="HeaderDrawer-courses"
  1079.                      href="/collections/courses"
  1080.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1081.                      
  1082.                    >
  1083.                      Courses
  1084.                    </a></li><li><a
  1085.                      id="HeaderDrawer-contact"
  1086.                      href="/pages/contact"
  1087.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1088.                      
  1089.                    >
  1090.                      Contact
  1091.                    </a></li></ul>
  1092.          </nav>
  1093.          <div class="menu-drawer__utility-links"><a
  1094.                href="https://wholeloops.com/customer_authentication/redirect?locale=en&region_country=US"
  1095.                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
  1096.                rel="nofollow"
  1097.              ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
  1098. </span></account-icon>Log in</a><div class="menu-drawer__localization header-localization">
  1099. </div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
  1100.                  <a href="https://x.com/ReidStefan" class="list-social__link link">
  1101.                    <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
  1102. </span>
  1103.                    <span class="visually-hidden">X (Twitter)</span>
  1104.                  </a>
  1105.                </li><li class="list-social__item">
  1106.                  <a href="https://www.facebook.com/reidstefan" class="list-social__link link">
  1107.                    <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
  1108. </span>
  1109.                    <span class="visually-hidden">Facebook</span>
  1110.                  </a>
  1111.                </li><li class="list-social__item">
  1112.                  <a href="https://www.instagram.com/reidstefan" class="list-social__link link">
  1113.                    <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
  1114. </span>
  1115.                    <span class="visually-hidden">Instagram</span>
  1116.                  </a>
  1117.                </li><li class="list-social__item">
  1118.                  <a href="https://www.tiktok.com/@realestpuppet?lang=en" class="list-social__link link">
  1119.                    <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
  1120. </span>
  1121.                    <span class="visually-hidden">TikTok</span>
  1122.                  </a>
  1123.                </li><li class="list-social__item">
  1124.                  <a href="https://www.youtube.com/@ReidStefanMusic" class="list-social__link link">
  1125.                    <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
  1126. </span>
  1127.                    <span class="visually-hidden">YouTube</span>
  1128.                  </a>
  1129.                </li></ul>
  1130.          </div>
  1131.        </div>
  1132.      </div>
  1133.    </div>
  1134.  </details>
  1135. </header-drawer>
  1136. <h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
  1137.            
  1138.            <img src="//wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=600" alt="Whole Loops" srcset="//wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=90 90w, //wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=135 135w, //wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=180 180w" width="90" height="90.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 180px) 50vw, 90px">
  1139.          </div></a></h1>
  1140.  
  1141. <nav class="header__inline-menu">
  1142.  <ul class="list-menu list-menu--inline" role="list"><li><a
  1143.            id="HeaderMenu-home"
  1144.            href="/"
  1145.            class="header__menu-item list-menu__item link link--text focus-inset"
  1146.            
  1147.              aria-current="page"
  1148.            
  1149.          >
  1150.            <span
  1151.                class="header__active-menu-item"
  1152.              
  1153.            >Home</span>
  1154.          </a></li><li><header-menu>
  1155.            <details id="Details-HeaderMenu-2">
  1156.              <summary
  1157.                id="HeaderMenu-drum-kits"
  1158.                class="header__menu-item list-menu__item link focus-inset"
  1159.              >
  1160.                <span
  1161.                >Drum Kits</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1162. </summary>
  1163.              <ul
  1164.                id="HeaderMenu-MenuList-2"
  1165.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1166.                role="list"
  1167.                tabindex="-1"
  1168.              ><li><a
  1169.                        id="HeaderMenu-drum-kits-disrespectful-808s"
  1170.                        href="/collections/808"
  1171.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1172.                        
  1173.                      >
  1174.                        Disrespectful 808s
  1175.                      </a></li><li><a
  1176.                        id="HeaderMenu-drum-kits-raw-hits"
  1177.                        href="/collections/raw-hits"
  1178.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1179.                        
  1180.                      >
  1181.                        Raw Hits
  1182.                      </a></li><li><a
  1183.                        id="HeaderMenu-drum-kits-hot-tropics"
  1184.                        href="/collections/hot-tropics"
  1185.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1186.                        
  1187.                      >
  1188.                        Hot Tropics
  1189.                      </a></li><li><a
  1190.                        id="HeaderMenu-drum-kits-urban-beets"
  1191.                        href="/collections/urban-beets"
  1192.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1193.                        
  1194.                      >
  1195.                        Urban Beets
  1196.                      </a></li><li><a
  1197.                        id="HeaderMenu-drum-kits-bundles"
  1198.                        href="/products/drums-bundle"
  1199.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1200.                        
  1201.                      >
  1202.                        Bundles
  1203.                      </a></li></ul>
  1204.            </details>
  1205.          </header-menu></li><li><header-menu>
  1206.            <details id="Details-HeaderMenu-3">
  1207.              <summary
  1208.                id="HeaderMenu-presets"
  1209.                class="header__menu-item list-menu__item link focus-inset"
  1210.              >
  1211.                <span
  1212.                >Presets</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1213. </summary>
  1214.              <ul
  1215.                id="HeaderMenu-MenuList-3"
  1216.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1217.                role="list"
  1218.                tabindex="-1"
  1219.              ><li><a
  1220.                        id="HeaderMenu-presets-ableton"
  1221.                        href="/collections/ableton-presets"
  1222.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1223.                        
  1224.                      >
  1225.                        Ableton
  1226.                      </a></li><li><a
  1227.                        id="HeaderMenu-presets-fl-studio"
  1228.                        href="/collections/fl-studio-presets"
  1229.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1230.                        
  1231.                      >
  1232.                        FL Studio
  1233.                      </a></li><li><a
  1234.                        id="HeaderMenu-presets-logic-pro"
  1235.                        href="/collections/logic"
  1236.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1237.                        
  1238.                      >
  1239.                        Logic Pro
  1240.                      </a></li><li><a
  1241.                        id="HeaderMenu-presets-waves-studioverse"
  1242.                        href="/collections/waves-studioracks"
  1243.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1244.                        
  1245.                      >
  1246.                        Waves StudioVerse
  1247.                      </a></li><li><a
  1248.                        id="HeaderMenu-presets-universal-audio"
  1249.                        href="/collections/uad-presets"
  1250.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1251.                        
  1252.                      >
  1253.                        Universal Audio
  1254.                      </a></li><li><a
  1255.                        id="HeaderMenu-presets-slate-digital"
  1256.                        href="/collections/slate-digital"
  1257.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1258.                        
  1259.                      >
  1260.                        Slate Digital
  1261.                      </a></li><li><a
  1262.                        id="HeaderMenu-presets-izotope-ozone"
  1263.                        href="/collections/izotope-presets"
  1264.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1265.                        
  1266.                      >
  1267.                        iZotope Ozone
  1268.                      </a></li></ul>
  1269.            </details>
  1270.          </header-menu></li><li><header-menu>
  1271.            <details id="Details-HeaderMenu-4">
  1272.              <summary
  1273.                id="HeaderMenu-templates"
  1274.                class="header__menu-item list-menu__item link focus-inset"
  1275.              >
  1276.                <span
  1277.                >Templates</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1278. </summary>
  1279.              <ul
  1280.                id="HeaderMenu-MenuList-4"
  1281.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1282.                role="list"
  1283.                tabindex="-1"
  1284.              ><li><a
  1285.                        id="HeaderMenu-templates-ableton"
  1286.                        href="/collections/ableton-templates"
  1287.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1288.                        
  1289.                      >
  1290.                        Ableton
  1291.                      </a></li><li><a
  1292.                        id="HeaderMenu-templates-logic-pro"
  1293.                        href="/collections/logic-pro-templates"
  1294.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1295.                        
  1296.                      >
  1297.                        Logic Pro
  1298.                      </a></li><li><a
  1299.                        id="HeaderMenu-templates-pro-tools"
  1300.                        href="/collections/pro-tools-templates"
  1301.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1302.                        
  1303.                      >
  1304.                        Pro Tools
  1305.                      </a></li><li><a
  1306.                        id="HeaderMenu-templates-fl-studio"
  1307.                        href="/collections/fl-studio-templates"
  1308.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1309.                        
  1310.                      >
  1311.                        FL Studio
  1312.                      </a></li><li><a
  1313.                        id="HeaderMenu-templates-studio-one"
  1314.                        href="/collections/studio-one-templates"
  1315.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1316.                        
  1317.                      >
  1318.                        Studio One
  1319.                      </a></li><li><a
  1320.                        id="HeaderMenu-templates-cubase"
  1321.                        href="/collections/cubase-templates"
  1322.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1323.                        
  1324.                      >
  1325.                        Cubase
  1326.                      </a></li><li><a
  1327.                        id="HeaderMenu-templates-luna"
  1328.                        href="/collections/luna-templates"
  1329.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1330.                        
  1331.                      >
  1332.                        Luna
  1333.                      </a></li></ul>
  1334.            </details>
  1335.          </header-menu></li><li><header-menu>
  1336.            <details id="Details-HeaderMenu-5">
  1337.              <summary
  1338.                id="HeaderMenu-sounds"
  1339.                class="header__menu-item list-menu__item link focus-inset"
  1340.              >
  1341.                <span
  1342.                >Sounds</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1343. </summary>
  1344.              <ul
  1345.                id="HeaderMenu-MenuList-5"
  1346.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1347.                role="list"
  1348.                tabindex="-1"
  1349.              ><li><a
  1350.                        id="HeaderMenu-sounds-serum-banks"
  1351.                        href="/collections/serum-presets"
  1352.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1353.                        
  1354.                      >
  1355.                        Serum Banks
  1356.                      </a></li><li><a
  1357.                        id="HeaderMenu-sounds-midi-packs"
  1358.                        href="/collections/midi-packs"
  1359.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1360.                        
  1361.                      >
  1362.                        MIDI Packs
  1363.                      </a></li><li><a
  1364.                        id="HeaderMenu-sounds-vocal-sample-packs"
  1365.                        href="/collections/vocal-samples"
  1366.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1367.                        
  1368.                      >
  1369.                        Vocal Sample Packs
  1370.                      </a></li><li><a
  1371.                        id="HeaderMenu-sounds-guitar-sample-packs"
  1372.                        href="/collections/sample-packs"
  1373.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1374.                        
  1375.                      >
  1376.                        Guitar Sample Packs
  1377.                      </a></li></ul>
  1378.            </details>
  1379.          </header-menu></li><li><a
  1380.            id="HeaderMenu-courses"
  1381.            href="/collections/courses"
  1382.            class="header__menu-item list-menu__item link link--text focus-inset"
  1383.            
  1384.          >
  1385.            <span
  1386.            >Courses</span>
  1387.          </a></li><li><a
  1388.            id="HeaderMenu-contact"
  1389.            href="/pages/contact"
  1390.            class="header__menu-item list-menu__item link link--text focus-inset"
  1391.            
  1392.          >
  1393.            <span
  1394.            >Contact</span>
  1395.          </a></li></ul>
  1396. </nav>
  1397.  
  1398. <div class="header__icons header__icons--localization header-localization">
  1399.      <div class="desktop-localization-wrapper">
  1400. </div>
  1401.      
  1402.  
  1403. <details-modal class="header__search">
  1404.  <details>
  1405.    <summary
  1406.      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  1407.      aria-haspopup="dialog"
  1408.      aria-label="Search"
  1409.    >
  1410.      <span>
  1411.        <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
  1412. </span>
  1413.        <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1414. </span>
  1415.      </span>
  1416.    </summary>
  1417.    <div
  1418.      class="search-modal modal__content gradient"
  1419.      role="dialog"
  1420.      aria-modal="true"
  1421.      aria-label="Search"
  1422.    >
  1423.      <div class="modal-overlay"></div>
  1424.      <div
  1425.        class="search-modal__content search-modal__content-bottom"
  1426.        tabindex="-1"
  1427.      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
  1428.          <div class="field">
  1429.            <input
  1430.              class="search__input field__input"
  1431.              id="Search-In-Modal"
  1432.              type="search"
  1433.              name="q"
  1434.              value=""
  1435.              placeholder="Search"role="combobox"
  1436.                aria-expanded="false"
  1437.                aria-owns="predictive-search-results"
  1438.                aria-controls="predictive-search-results"
  1439.                aria-haspopup="listbox"
  1440.                aria-autocomplete="list"
  1441.                autocorrect="off"
  1442.                autocomplete="off"
  1443.                autocapitalize="off"
  1444.                spellcheck="false">
  1445.            <label class="field__label" for="Search-In-Modal">Search</label>
  1446.            <input type="hidden" name="options[prefix]" value="last">
  1447.            <button
  1448.              type="reset"
  1449.              class="reset__button field__button hidden"
  1450.              aria-label="Clear search term"
  1451.            >
  1452.              <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
  1453. </span>
  1454.            </button>
  1455.            <button class="search__button field__button" aria-label="Search">
  1456.              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
  1457. </span>
  1458.            </button>
  1459.          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
  1460.  
  1461. <div class="predictive-search__loading-state">
  1462.  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
  1463.  
  1464. </div>
  1465. </div>
  1466.  
  1467.            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
  1468.          type="button"
  1469.          class="search-modal__close-button modal__close-button link link--text focus-inset"
  1470.          aria-label="Close"
  1471.        >
  1472.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1473. </span>
  1474.        </button>
  1475.      </div>
  1476.    </div>
  1477.  </details>
  1478. </details-modal>
  1479.  
  1480. <a
  1481.          href="https://wholeloops.com/customer_authentication/redirect?locale=en&region_country=US"
  1482.          class="header__icon header__icon--account link focus-inset small-hide"
  1483.          rel="nofollow"
  1484.        ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
  1485. </span></account-icon><span class="visually-hidden">Log in</span>
  1486.        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
  1487.        
  1488.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg>
  1489. </span>
  1490.        
  1491.        <span class="visually-hidden">Cart</span></a>
  1492.    </div>
  1493.  </header>
  1494. </sticky-header>
  1495.  
  1496. <cart-notification>
  1497.  <div class="cart-notification-wrapper page-width">
  1498.    <div
  1499.      id="cart-notification"
  1500.      class="cart-notification focus-inset color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient"
  1501.      aria-modal="true"
  1502.      aria-label="Item added to your cart"
  1503.      role="dialog"
  1504.      tabindex="-1"
  1505.    >
  1506.      <div class="cart-notification__header">
  1507.        <h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
  1508. Item added to your cart
  1509.        </h2>
  1510.        <button
  1511.          type="button"
  1512.          class="cart-notification__close modal__close-button link link--text focus-inset"
  1513.          aria-label="Close"
  1514.        >
  1515.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1516. </span>
  1517.        </button>
  1518.      </div>
  1519.      <div id="cart-notification-product" class="cart-notification-product"></div>
  1520.      <div class="cart-notification__links">
  1521.        <a
  1522.          href="/cart"
  1523.          id="cart-notification-button"
  1524.          class="button button--secondary button--full-width"
  1525.        >View cart</a>
  1526.        <form action="/cart" method="post" id="cart-notification-form">
  1527.          <button class="button button--primary button--full-width" name="checkout">
  1528.            Check out
  1529.          </button>
  1530.        </form>
  1531.        <button type="button" class="link button-label">Continue shopping</button>
  1532.      </div>
  1533.    </div>
  1534.  </div>
  1535. </cart-notification>
  1536. <style data-shopify>
  1537.  .cart-notification {
  1538.    display: none;
  1539.  }
  1540. </style>
  1541.  
  1542.  
  1543. <script type="application/ld+json">
  1544.  {
  1545.    "@context": "http://schema.org",
  1546.    "@type": "Organization",
  1547.    "name": "Whole Loops",
  1548.    
  1549.      "logo": "https:\/\/wholeloops.com\/cdn\/shop\/files\/Whole_Loops_Logo_NEW.png?v=1741314289\u0026width=500",
  1550.    
  1551.    "sameAs": [
  1552.      "https:\/\/x.com\/ReidStefan",
  1553.      "https:\/\/www.facebook.com\/reidstefan",
  1554.      "",
  1555.      "https:\/\/www.instagram.com\/reidstefan",
  1556.      "https:\/\/www.tiktok.com\/@realestpuppet?lang=en",
  1557.      "",
  1558.      "",
  1559.      "https:\/\/www.youtube.com\/@ReidStefanMusic",
  1560.      ""
  1561.    ],
  1562.    "url": "https:\/\/wholeloops.com"
  1563.  }
  1564. </script>
  1565.  <script type="application/ld+json">
  1566.    {
  1567.      "@context": "http://schema.org",
  1568.      "@type": "WebSite",
  1569.      "name": "Whole Loops",
  1570.      "potentialAction": {
  1571.        "@type": "SearchAction",
  1572.        "target": "https:\/\/wholeloops.com\/search?q={search_term_string}",
  1573.        "query-input": "required name=search_term_string"
  1574.      },
  1575.      "url": "https:\/\/wholeloops.com"
  1576.    }
  1577.  </script>
  1578. </div>
  1579. <!-- END sections: header-group -->
  1580.  
  1581.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  1582.      <section id="shopify-section-template--19145892102399__image_banner_fGfzx3" class="shopify-section section"><link href="//wholeloops.com/cdn/shop/t/1/assets/section-image-banner.css?v=124819179385751388401741311024" rel="stylesheet" type="text/css" media="all" />
  1583. <style data-shopify>#Banner-template--19145892102399__image_banner_fGfzx3::after {
  1584.    opacity: 0.0;
  1585.  }</style><div
  1586.  id="Banner-template--19145892102399__image_banner_fGfzx3"
  1587.  class="banner banner--content-align-left banner--content-align-mobile-center banner--medium banner--mobile-bottom scroll-trigger animate--fade-in"
  1588. ><div class="banner__media media scroll-trigger animate--fade-in"><img src="//wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=3840" alt="" srcset="//wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=375 375w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=550 550w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=750 750w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=1100 1100w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=1500 1500w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=1780 1780w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=2000 2000w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=3000 3000w, //wholeloops.com/cdn/shop/files/JULY_4TH_BANNER_1a.jpg?v=1751047117&amp;width=3840 3840w" width="3840" height="1947.0" sizes="100vw" fetchpriority="high">
  1589.    </div><div class="banner__content banner__content--middle-left page-width scroll-trigger animate--slide-in">
  1590.    <div class="banner__box content-container content-container--full-width-mobile color-scheme-e4eea1c7-2e18-449a-95f6-ab8ebb53b4dd gradient"><h2
  1591.              class="banner__heading inline-richtext h0"
  1592.              
  1593.            >
  1594.              Labor Day Sale 50% OFF!
  1595.            </h2><div class="banner__text rte caption-with-letter-spacing" >
  1596.              <p>Shop 50% Off Everything at Whole Loops during the week of Labor Day 2025!</p>
  1597.            </div></div>
  1598.  </div>
  1599. </div>
  1600.  
  1601.  
  1602. </section><section id="shopify-section-template--19145892102399__featured_collection" class="shopify-section section"><link href="//wholeloops.com/cdn/shop/t/1/assets/component-card.css?v=120341546515895839841741311023" rel="stylesheet" type="text/css" media="all" />
  1603. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101741311023" rel="stylesheet" type="text/css" media="all" />
  1604.  
  1605. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-slider.css?v=14039311878856620671741311023" rel="stylesheet" type="text/css" media="all" />
  1606. <link href="//wholeloops.com/cdn/shop/t/1/assets/template-collection.css?v=58558206033505836701741311024" rel="stylesheet" type="text/css" media="all" />
  1607.  
  1608. <style data-shopify>.section-template--19145892102399__featured_collection-padding {
  1609.    padding-top: 33px;
  1610.    padding-bottom: 27px;
  1611.  }
  1612.  
  1613.  @media screen and (min-width: 750px) {
  1614.    .section-template--19145892102399__featured_collection-padding {
  1615.      padding-top: 44px;
  1616.      padding-bottom: 36px;
  1617.    }
  1618.  }</style><div
  1619.  class="color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a isolate gradient"
  1620. >
  1621.  <div
  1622.    class="collection section-template--19145892102399__featured_collection-padding"
  1623.    id="collection-template--19145892102399__featured_collection"
  1624.    data-id="template--19145892102399__featured_collection"
  1625.  >
  1626.    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
  1627.          Best Sellers
  1628.        </h2></div>
  1629.  
  1630.    <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in">
  1631.      <ul
  1632.        id="Slider-template--19145892102399__featured_collection"
  1633.        data-id="template--19145892102399__featured_collection"
  1634.        class="grid product-grid contains-card contains-card--product grid--4-col-desktop grid--2-col-tablet-down"
  1635.        role="list"
  1636.        aria-label="Slider"
  1637.      >
  1638.        
  1639.  
  1640. <li
  1641.                id="Slide-template--19145892102399__featured_collection-1"
  1642.                class="grid__item scroll-trigger animate--slide-in"
  1643.                
  1644.                  data-cascade
  1645.                  style="--animation-order: 1;"
  1646.                
  1647.              >
  1648.                
  1649. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-rating.css?v=179577762467860590411741311023" rel="stylesheet" type="text/css" media="all" />
  1650.  <link href="//wholeloops.com/cdn/shop/t/1/assets/component-volume-pricing.css?v=111870094811454961941741311023" rel="stylesheet" type="text/css" media="all" />
  1651.  
  1652.  <link href="//wholeloops.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101741311023" rel="stylesheet" type="text/css" media="all" />
  1653.  <link href="//wholeloops.com/cdn/shop/t/1/assets/quick-order-list.css?v=86354568948591544181741311024" rel="stylesheet" type="text/css" media="all" />
  1654.  <link href="//wholeloops.com/cdn/shop/t/1/assets/quantity-popover.css?v=160630540099520878331741311024" rel="stylesheet" type="text/css" media="all" />
  1655. <div class="card-wrapper product-card-wrapper underline-links-hover">
  1656.    <div
  1657.      class="
  1658.        card card--card
  1659.         card--media
  1660.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  1661.        
  1662.        
  1663.        
  1664.        
  1665.      "
  1666.      style="--ratio-percent: 100.0%;"
  1667.    >
  1668.      <div
  1669.        class="card__inner  ratio"
  1670.        style="--ratio-percent: 100.0%;"
  1671.      ><div class="card__media">
  1672.            <div class="media media--transparent media--hover-effect">
  1673.              
  1674.              <img
  1675.                srcset="//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=165 165w,//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=360 360w,//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=533 533w,//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=720 720w,//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=940 940w,//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776 1024w
  1676.                "
  1677.                src="//wholeloops.com/cdn/shop/files/LEADVOCALSAUCE3D2.png?v=1741752776&width=533"
  1678.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  1679.                alt="Lead Vocal Sauce"
  1680.                class="motion-reduce"
  1681.                
  1682.                  loading="lazy"
  1683.                
  1684.                width="1024"
  1685.                height="1024"
  1686.              >
  1687.              
  1688. </div>
  1689.          </div><div class="card__content">
  1690.          <div class="card__information">
  1691.            <h3
  1692.              class="card__heading"
  1693.              
  1694.            >
  1695.              <a
  1696.                href="/products/lead-vocal-sauce"
  1697.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181619967"
  1698.                class="full-unstyled-link"
  1699.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181619967 NoMediaStandardBadge-template--19145892102399__featured_collection-9042181619967"
  1700.              >
  1701.                Lead Vocal Sauce
  1702.              </a>
  1703.            </h3>
  1704.          </div>
  1705.          <div class="card__badge bottom left"><span
  1706.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042181619967"
  1707.                class="badge badge--bottom-left color-scheme-4"
  1708.              >Sale</span></div>
  1709.        </div>
  1710.      </div>
  1711.      <div class="card__content">
  1712.        <div class="card__information">
  1713.          <h3
  1714.            class="card__heading h5"
  1715.            
  1716.              id="title-template--19145892102399__featured_collection-9042181619967"
  1717.            
  1718.          >
  1719.            <a
  1720.              href="/products/lead-vocal-sauce"
  1721.              id="CardLink-template--19145892102399__featured_collection-9042181619967"
  1722.              class="full-unstyled-link"
  1723.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042181619967 Badge-template--19145892102399__featured_collection-9042181619967"
  1724.            >
  1725.              Lead Vocal Sauce
  1726.            </a>
  1727.          </h3>
  1728.          <div class="card-information"><span class="caption-large light"></span>
  1729. <div
  1730.    class="
  1731.      price  price--on-sale"
  1732.  >
  1733.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  1734.          <span class="price-item price-item--regular">
  1735.            $14.99
  1736.          </span></div>
  1737.      <div class="price__sale">
  1738.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1739.          <span>
  1740.            <s class="price-item price-item--regular">
  1741.              
  1742.                $29.99
  1743.              
  1744.            </s>
  1745.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  1746.        <span class="price-item price-item--sale price-item--last">
  1747.          $14.99
  1748.        </span>
  1749.      </div>
  1750.      <small class="unit-price caption hidden">
  1751.        <span class="visually-hidden">Unit price</span>
  1752.        <span class="price-item price-item--last">
  1753.          <span></span>
  1754.          <span aria-hidden="true">/</span>
  1755.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  1756.          <span>
  1757.          </span>
  1758.        </span>
  1759.      </small>
  1760.    </div></div>
  1761.  
  1762.  
  1763. </div>
  1764.        </div>
  1765.        
  1766.        
  1767.        <div class="card__badge bottom left"><span
  1768.              id="Badge-template--19145892102399__featured_collection-9042181619967"
  1769.              class="badge badge--bottom-left color-scheme-4"
  1770.            >Sale</span></div>
  1771.      </div>
  1772.    </div>
  1773.  </div>
  1774.              </li><li
  1775.                id="Slide-template--19145892102399__featured_collection-2"
  1776.                class="grid__item scroll-trigger animate--slide-in"
  1777.                
  1778.                  data-cascade
  1779.                  style="--animation-order: 2;"
  1780.                
  1781.              >
  1782.                
  1783. <div class="card-wrapper product-card-wrapper underline-links-hover">
  1784.    <div
  1785.      class="
  1786.        card card--card
  1787.         card--media
  1788.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  1789.        
  1790.        
  1791.        
  1792.        
  1793.      "
  1794.      style="--ratio-percent: 100.0%;"
  1795.    >
  1796.      <div
  1797.        class="card__inner  ratio"
  1798.        style="--ratio-percent: 100.0%;"
  1799.      ><div class="card__media">
  1800.            <div class="media media--transparent media--hover-effect">
  1801.              
  1802.              <img
  1803.                srcset="//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=165 165w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=360 360w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=533 533w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=720 720w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=940 940w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=1066 1066w,//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804 3500w
  1804.                "
  1805.                src="//wholeloops.com/cdn/shop/files/WAVESVOCALSAUCE3Db.png?v=1741756804&width=533"
  1806.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  1807.                alt="Waves Vocal Sauce"
  1808.                class="motion-reduce"
  1809.                
  1810.                  loading="lazy"
  1811.                
  1812.                width="3500"
  1813.                height="3500"
  1814.              >
  1815.              
  1816. </div>
  1817.          </div><div class="card__content">
  1818.          <div class="card__information">
  1819.            <h3
  1820.              class="card__heading"
  1821.              
  1822.            >
  1823.              <a
  1824.                href="/products/waves-vocal-sauce"
  1825.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183192831"
  1826.                class="full-unstyled-link"
  1827.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183192831 NoMediaStandardBadge-template--19145892102399__featured_collection-9042183192831"
  1828.              >
  1829.                Waves Vocal Sauce
  1830.              </a>
  1831.            </h3>
  1832.          </div>
  1833.          <div class="card__badge bottom left"><span
  1834.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042183192831"
  1835.                class="badge badge--bottom-left color-scheme-4"
  1836.              >Sale</span></div>
  1837.        </div>
  1838.      </div>
  1839.      <div class="card__content">
  1840.        <div class="card__information">
  1841.          <h3
  1842.            class="card__heading h5"
  1843.            
  1844.              id="title-template--19145892102399__featured_collection-9042183192831"
  1845.            
  1846.          >
  1847.            <a
  1848.              href="/products/waves-vocal-sauce"
  1849.              id="CardLink-template--19145892102399__featured_collection-9042183192831"
  1850.              class="full-unstyled-link"
  1851.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042183192831 Badge-template--19145892102399__featured_collection-9042183192831"
  1852.            >
  1853.              Waves Vocal Sauce
  1854.            </a>
  1855.          </h3>
  1856.          <div class="card-information"><span class="caption-large light"></span>
  1857. <div
  1858.    class="
  1859.      price  price--on-sale"
  1860.  >
  1861.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  1862.          <span class="price-item price-item--regular">
  1863.            $14.99
  1864.          </span></div>
  1865.      <div class="price__sale">
  1866.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1867.          <span>
  1868.            <s class="price-item price-item--regular">
  1869.              
  1870.                $29.99
  1871.              
  1872.            </s>
  1873.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  1874.        <span class="price-item price-item--sale price-item--last">
  1875.          $14.99
  1876.        </span>
  1877.      </div>
  1878.      <small class="unit-price caption hidden">
  1879.        <span class="visually-hidden">Unit price</span>
  1880.        <span class="price-item price-item--last">
  1881.          <span></span>
  1882.          <span aria-hidden="true">/</span>
  1883.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  1884.          <span>
  1885.          </span>
  1886.        </span>
  1887.      </small>
  1888.    </div></div>
  1889.  
  1890.  
  1891. </div>
  1892.        </div>
  1893.        
  1894.        
  1895.        <div class="card__badge bottom left"><span
  1896.              id="Badge-template--19145892102399__featured_collection-9042183192831"
  1897.              class="badge badge--bottom-left color-scheme-4"
  1898.            >Sale</span></div>
  1899.      </div>
  1900.    </div>
  1901.  </div>
  1902.              </li><li
  1903.                id="Slide-template--19145892102399__featured_collection-3"
  1904.                class="grid__item scroll-trigger animate--slide-in"
  1905.                
  1906.                  data-cascade
  1907.                  style="--animation-order: 3;"
  1908.                
  1909.              >
  1910.                
  1911. <div class="card-wrapper product-card-wrapper underline-links-hover">
  1912.    <div
  1913.      class="
  1914.        card card--card
  1915.         card--media
  1916.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  1917.        
  1918.        
  1919.        
  1920.        
  1921.      "
  1922.      style="--ratio-percent: 100.0%;"
  1923.    >
  1924.      <div
  1925.        class="card__inner  ratio"
  1926.        style="--ratio-percent: 100.0%;"
  1927.      ><div class="card__media">
  1928.            <div class="media media--transparent media--hover-effect">
  1929.              
  1930.              <img
  1931.                srcset="//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=165 165w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=360 360w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=533 533w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=720 720w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=940 940w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=1066 1066w,//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804 3500w
  1932.                "
  1933.                src="//wholeloops.com/cdn/shop/files/WAVESMASTERSAUCE3Db.png?v=1741756804&width=533"
  1934.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  1935.                alt="Waves Master Sauce"
  1936.                class="motion-reduce"
  1937.                
  1938.                  loading="lazy"
  1939.                
  1940.                width="3500"
  1941.                height="3500"
  1942.              >
  1943.              
  1944. </div>
  1945.          </div><div class="card__content">
  1946.          <div class="card__information">
  1947.            <h3
  1948.              class="card__heading"
  1949.              
  1950.            >
  1951.              <a
  1952.                href="/products/waves-master-sauce"
  1953.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183258367"
  1954.                class="full-unstyled-link"
  1955.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183258367 NoMediaStandardBadge-template--19145892102399__featured_collection-9042183258367"
  1956.              >
  1957.                Waves Master Sauce
  1958.              </a>
  1959.            </h3>
  1960.          </div>
  1961.          <div class="card__badge bottom left"><span
  1962.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042183258367"
  1963.                class="badge badge--bottom-left color-scheme-4"
  1964.              >Sale</span></div>
  1965.        </div>
  1966.      </div>
  1967.      <div class="card__content">
  1968.        <div class="card__information">
  1969.          <h3
  1970.            class="card__heading h5"
  1971.            
  1972.              id="title-template--19145892102399__featured_collection-9042183258367"
  1973.            
  1974.          >
  1975.            <a
  1976.              href="/products/waves-master-sauce"
  1977.              id="CardLink-template--19145892102399__featured_collection-9042183258367"
  1978.              class="full-unstyled-link"
  1979.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042183258367 Badge-template--19145892102399__featured_collection-9042183258367"
  1980.            >
  1981.              Waves Master Sauce
  1982.            </a>
  1983.          </h3>
  1984.          <div class="card-information"><span class="caption-large light"></span>
  1985. <div
  1986.    class="
  1987.      price  price--on-sale"
  1988.  >
  1989.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  1990.          <span class="price-item price-item--regular">
  1991.            $14.99
  1992.          </span></div>
  1993.      <div class="price__sale">
  1994.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1995.          <span>
  1996.            <s class="price-item price-item--regular">
  1997.              
  1998.                $29.99
  1999.              
  2000.            </s>
  2001.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2002.        <span class="price-item price-item--sale price-item--last">
  2003.          $14.99
  2004.        </span>
  2005.      </div>
  2006.      <small class="unit-price caption hidden">
  2007.        <span class="visually-hidden">Unit price</span>
  2008.        <span class="price-item price-item--last">
  2009.          <span></span>
  2010.          <span aria-hidden="true">/</span>
  2011.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2012.          <span>
  2013.          </span>
  2014.        </span>
  2015.      </small>
  2016.    </div></div>
  2017.  
  2018.  
  2019. </div>
  2020.        </div>
  2021.        
  2022.        
  2023.        <div class="card__badge bottom left"><span
  2024.              id="Badge-template--19145892102399__featured_collection-9042183258367"
  2025.              class="badge badge--bottom-left color-scheme-4"
  2026.            >Sale</span></div>
  2027.      </div>
  2028.    </div>
  2029.  </div>
  2030.              </li><li
  2031.                id="Slide-template--19145892102399__featured_collection-4"
  2032.                class="grid__item scroll-trigger animate--slide-in"
  2033.                
  2034.                  data-cascade
  2035.                  style="--animation-order: 4;"
  2036.                
  2037.              >
  2038.                
  2039. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2040.    <div
  2041.      class="
  2042.        card card--card
  2043.         card--media
  2044.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2045.        
  2046.        
  2047.        
  2048.        
  2049.      "
  2050.      style="--ratio-percent: 100.0%;"
  2051.    >
  2052.      <div
  2053.        class="card__inner  ratio"
  2054.        style="--ratio-percent: 100.0%;"
  2055.      ><div class="card__media">
  2056.            <div class="media media--transparent media--hover-effect">
  2057.              
  2058.              <img
  2059.                srcset="//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=165 165w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=360 360w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=533 533w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=720 720w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=940 940w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=1066 1066w,//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429 4000w
  2060.                "
  2061.                src="//wholeloops.com/cdn/shop/files/URBANBEETS43D4.png?v=1741768429&width=533"
  2062.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2063.                alt="Urban Beets 4"
  2064.                class="motion-reduce"
  2065.                
  2066.                  loading="lazy"
  2067.                
  2068.                width="4000"
  2069.                height="4000"
  2070.              >
  2071.              
  2072. </div>
  2073.          </div><div class="card__content">
  2074.          <div class="card__information">
  2075.            <h3
  2076.              class="card__heading"
  2077.              
  2078.            >
  2079.              <a
  2080.                href="/products/urban-beets-4"
  2081.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042182635775"
  2082.                class="full-unstyled-link"
  2083.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042182635775 NoMediaStandardBadge-template--19145892102399__featured_collection-9042182635775"
  2084.              >
  2085.                Urban Beets 4
  2086.              </a>
  2087.            </h3>
  2088.          </div>
  2089.          <div class="card__badge bottom left"><span
  2090.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042182635775"
  2091.                class="badge badge--bottom-left color-scheme-4"
  2092.              >Sale</span></div>
  2093.        </div>
  2094.      </div>
  2095.      <div class="card__content">
  2096.        <div class="card__information">
  2097.          <h3
  2098.            class="card__heading h5"
  2099.            
  2100.              id="title-template--19145892102399__featured_collection-9042182635775"
  2101.            
  2102.          >
  2103.            <a
  2104.              href="/products/urban-beets-4"
  2105.              id="CardLink-template--19145892102399__featured_collection-9042182635775"
  2106.              class="full-unstyled-link"
  2107.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042182635775 Badge-template--19145892102399__featured_collection-9042182635775"
  2108.            >
  2109.              Urban Beets 4
  2110.            </a>
  2111.          </h3>
  2112.          <div class="card-information"><span class="caption-large light"></span>
  2113. <div
  2114.    class="
  2115.      price  price--on-sale"
  2116.  >
  2117.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2118.          <span class="price-item price-item--regular">
  2119.            $14.99
  2120.          </span></div>
  2121.      <div class="price__sale">
  2122.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2123.          <span>
  2124.            <s class="price-item price-item--regular">
  2125.              
  2126.                $29.99
  2127.              
  2128.            </s>
  2129.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2130.        <span class="price-item price-item--sale price-item--last">
  2131.          $14.99
  2132.        </span>
  2133.      </div>
  2134.      <small class="unit-price caption hidden">
  2135.        <span class="visually-hidden">Unit price</span>
  2136.        <span class="price-item price-item--last">
  2137.          <span></span>
  2138.          <span aria-hidden="true">/</span>
  2139.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2140.          <span>
  2141.          </span>
  2142.        </span>
  2143.      </small>
  2144.    </div></div>
  2145.  
  2146.  
  2147. </div>
  2148.        </div>
  2149.        
  2150.        
  2151.        <div class="card__badge bottom left"><span
  2152.              id="Badge-template--19145892102399__featured_collection-9042182635775"
  2153.              class="badge badge--bottom-left color-scheme-4"
  2154.            >Sale</span></div>
  2155.      </div>
  2156.    </div>
  2157.  </div>
  2158.              </li><li
  2159.                id="Slide-template--19145892102399__featured_collection-5"
  2160.                class="grid__item scroll-trigger animate--slide-in"
  2161.                
  2162.                  data-cascade
  2163.                  style="--animation-order: 5;"
  2164.                
  2165.              >
  2166.                
  2167. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2168.    <div
  2169.      class="
  2170.        card card--card
  2171.         card--media
  2172.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2173.        
  2174.        
  2175.        
  2176.        
  2177.      "
  2178.      style="--ratio-percent: 100.0%;"
  2179.    >
  2180.      <div
  2181.        class="card__inner  ratio"
  2182.        style="--ratio-percent: 100.0%;"
  2183.      ><div class="card__media">
  2184.            <div class="media media--transparent media--hover-effect">
  2185.              
  2186.              <img
  2187.                srcset="//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=165 165w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=360 360w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=533 533w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=720 720w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=940 940w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=1066 1066w,//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060 1600w
  2188.                "
  2189.                src="//wholeloops.com/cdn/shop/files/RAW_HITS_3_BOX_3D_4.png?v=1741724060&width=533"
  2190.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2191.                alt="Raw Hits 3"
  2192.                class="motion-reduce"
  2193.                
  2194.                  loading="lazy"
  2195.                
  2196.                width="1600"
  2197.                height="1600"
  2198.              >
  2199.              
  2200. </div>
  2201.          </div><div class="card__content">
  2202.          <div class="card__information">
  2203.            <h3
  2204.              class="card__heading"
  2205.              
  2206.            >
  2207.              <a
  2208.                href="/products/raw-hits-3"
  2209.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181914879"
  2210.                class="full-unstyled-link"
  2211.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181914879 NoMediaStandardBadge-template--19145892102399__featured_collection-9042181914879"
  2212.              >
  2213.                Raw Hits 3
  2214.              </a>
  2215.            </h3>
  2216.          </div>
  2217.          <div class="card__badge bottom left"><span
  2218.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042181914879"
  2219.                class="badge badge--bottom-left color-scheme-4"
  2220.              >Sale</span></div>
  2221.        </div>
  2222.      </div>
  2223.      <div class="card__content">
  2224.        <div class="card__information">
  2225.          <h3
  2226.            class="card__heading h5"
  2227.            
  2228.              id="title-template--19145892102399__featured_collection-9042181914879"
  2229.            
  2230.          >
  2231.            <a
  2232.              href="/products/raw-hits-3"
  2233.              id="CardLink-template--19145892102399__featured_collection-9042181914879"
  2234.              class="full-unstyled-link"
  2235.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042181914879 Badge-template--19145892102399__featured_collection-9042181914879"
  2236.            >
  2237.              Raw Hits 3
  2238.            </a>
  2239.          </h3>
  2240.          <div class="card-information"><span class="caption-large light"></span>
  2241. <div
  2242.    class="
  2243.      price  price--on-sale"
  2244.  >
  2245.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2246.          <span class="price-item price-item--regular">
  2247.            $14.99
  2248.          </span></div>
  2249.      <div class="price__sale">
  2250.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2251.          <span>
  2252.            <s class="price-item price-item--regular">
  2253.              
  2254.                $29.99
  2255.              
  2256.            </s>
  2257.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2258.        <span class="price-item price-item--sale price-item--last">
  2259.          $14.99
  2260.        </span>
  2261.      </div>
  2262.      <small class="unit-price caption hidden">
  2263.        <span class="visually-hidden">Unit price</span>
  2264.        <span class="price-item price-item--last">
  2265.          <span></span>
  2266.          <span aria-hidden="true">/</span>
  2267.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2268.          <span>
  2269.          </span>
  2270.        </span>
  2271.      </small>
  2272.    </div></div>
  2273.  
  2274.  
  2275. </div>
  2276.        </div>
  2277.        
  2278.        
  2279.        <div class="card__badge bottom left"><span
  2280.              id="Badge-template--19145892102399__featured_collection-9042181914879"
  2281.              class="badge badge--bottom-left color-scheme-4"
  2282.            >Sale</span></div>
  2283.      </div>
  2284.    </div>
  2285.  </div>
  2286.              </li><li
  2287.                id="Slide-template--19145892102399__featured_collection-6"
  2288.                class="grid__item scroll-trigger animate--slide-in"
  2289.                
  2290.                  data-cascade
  2291.                  style="--animation-order: 6;"
  2292.                
  2293.              >
  2294.                
  2295. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2296.    <div
  2297.      class="
  2298.        card card--card
  2299.         card--media
  2300.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2301.        
  2302.        
  2303.        
  2304.        
  2305.      "
  2306.      style="--ratio-percent: 100.0%;"
  2307.    >
  2308.      <div
  2309.        class="card__inner  ratio"
  2310.        style="--ratio-percent: 100.0%;"
  2311.      ><div class="card__media">
  2312.            <div class="media media--transparent media--hover-effect">
  2313.              
  2314.              <img
  2315.                srcset="//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=165 165w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=360 360w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=533 533w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=720 720w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=940 940w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=1066 1066w,//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402 4500w
  2316.                "
  2317.                src="//wholeloops.com/cdn/shop/files/OZONEMASTERSAUCE3D2.png?v=1741844402&width=533"
  2318.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2319.                alt="Ozone Master Sauce"
  2320.                class="motion-reduce"
  2321.                
  2322.                  loading="lazy"
  2323.                
  2324.                width="4500"
  2325.                height="4500"
  2326.              >
  2327.              
  2328. </div>
  2329.          </div><div class="card__content">
  2330.          <div class="card__information">
  2331.            <h3
  2332.              class="card__heading"
  2333.              
  2334.            >
  2335.              <a
  2336.                href="/products/ozone-master-sauce"
  2337.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042180276479"
  2338.                class="full-unstyled-link"
  2339.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042180276479 NoMediaStandardBadge-template--19145892102399__featured_collection-9042180276479"
  2340.              >
  2341.                Ozone Master Sauce
  2342.              </a>
  2343.            </h3>
  2344.          </div>
  2345.          <div class="card__badge bottom left"><span
  2346.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042180276479"
  2347.                class="badge badge--bottom-left color-scheme-4"
  2348.              >Sale</span></div>
  2349.        </div>
  2350.      </div>
  2351.      <div class="card__content">
  2352.        <div class="card__information">
  2353.          <h3
  2354.            class="card__heading h5"
  2355.            
  2356.              id="title-template--19145892102399__featured_collection-9042180276479"
  2357.            
  2358.          >
  2359.            <a
  2360.              href="/products/ozone-master-sauce"
  2361.              id="CardLink-template--19145892102399__featured_collection-9042180276479"
  2362.              class="full-unstyled-link"
  2363.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042180276479 Badge-template--19145892102399__featured_collection-9042180276479"
  2364.            >
  2365.              Ozone Master Sauce
  2366.            </a>
  2367.          </h3>
  2368.          <div class="card-information"><span class="caption-large light"></span>
  2369. <div
  2370.    class="
  2371.      price  price--on-sale"
  2372.  >
  2373.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2374.          <span class="price-item price-item--regular">
  2375.            $14.99
  2376.          </span></div>
  2377.      <div class="price__sale">
  2378.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2379.          <span>
  2380.            <s class="price-item price-item--regular">
  2381.              
  2382.                $29.99
  2383.              
  2384.            </s>
  2385.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2386.        <span class="price-item price-item--sale price-item--last">
  2387.          $14.99
  2388.        </span>
  2389.      </div>
  2390.      <small class="unit-price caption hidden">
  2391.        <span class="visually-hidden">Unit price</span>
  2392.        <span class="price-item price-item--last">
  2393.          <span></span>
  2394.          <span aria-hidden="true">/</span>
  2395.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2396.          <span>
  2397.          </span>
  2398.        </span>
  2399.      </small>
  2400.    </div></div>
  2401.  
  2402.  
  2403. </div>
  2404.        </div>
  2405.        
  2406.        
  2407.        <div class="card__badge bottom left"><span
  2408.              id="Badge-template--19145892102399__featured_collection-9042180276479"
  2409.              class="badge badge--bottom-left color-scheme-4"
  2410.            >Sale</span></div>
  2411.      </div>
  2412.    </div>
  2413.  </div>
  2414.              </li><li
  2415.                id="Slide-template--19145892102399__featured_collection-7"
  2416.                class="grid__item scroll-trigger animate--slide-in"
  2417.                
  2418.                  data-cascade
  2419.                  style="--animation-order: 7;"
  2420.                
  2421.              >
  2422.                
  2423. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2424.    <div
  2425.      class="
  2426.        card card--card
  2427.         card--media
  2428.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2429.        
  2430.        
  2431.        
  2432.        
  2433.      "
  2434.      style="--ratio-percent: 100.0%;"
  2435.    >
  2436.      <div
  2437.        class="card__inner  ratio"
  2438.        style="--ratio-percent: 100.0%;"
  2439.      ><div class="card__media">
  2440.            <div class="media media--transparent media--hover-effect">
  2441.              
  2442.              <img
  2443.                srcset="//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=165 165w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=360 360w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=533 533w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=720 720w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=940 940w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=1066 1066w,//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244 1177w
  2444.                "
  2445.                src="//wholeloops.com/cdn/shop/files/AUTOTUNEPROCOURSETHUMB3D2.png?v=1741747244&width=533"
  2446.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2447.                alt="Autotune Pro Course"
  2448.                class="motion-reduce"
  2449.                
  2450.                  loading="lazy"
  2451.                
  2452.                width="1177"
  2453.                height="1177"
  2454.              >
  2455.              
  2456. </div>
  2457.          </div><div class="card__content">
  2458.          <div class="card__information">
  2459.            <h3
  2460.              class="card__heading"
  2461.              
  2462.            >
  2463.              <a
  2464.                href="/products/autotune-pro-course"
  2465.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186469631"
  2466.                class="full-unstyled-link"
  2467.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186469631 NoMediaStandardBadge-template--19145892102399__featured_collection-9042186469631"
  2468.              >
  2469.                Autotune Pro Course
  2470.              </a>
  2471.            </h3>
  2472.          </div>
  2473.          <div class="card__badge bottom left"><span
  2474.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042186469631"
  2475.                class="badge badge--bottom-left color-scheme-4"
  2476.              >Sale</span></div>
  2477.        </div>
  2478.      </div>
  2479.      <div class="card__content">
  2480.        <div class="card__information">
  2481.          <h3
  2482.            class="card__heading h5"
  2483.            
  2484.              id="title-template--19145892102399__featured_collection-9042186469631"
  2485.            
  2486.          >
  2487.            <a
  2488.              href="/products/autotune-pro-course"
  2489.              id="CardLink-template--19145892102399__featured_collection-9042186469631"
  2490.              class="full-unstyled-link"
  2491.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042186469631 Badge-template--19145892102399__featured_collection-9042186469631"
  2492.            >
  2493.              Autotune Pro Course
  2494.            </a>
  2495.          </h3>
  2496.          <div class="card-information"><span class="caption-large light"></span>
  2497. <div
  2498.    class="
  2499.      price  price--on-sale"
  2500.  >
  2501.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2502.          <span class="price-item price-item--regular">
  2503.            $29.99
  2504.          </span></div>
  2505.      <div class="price__sale">
  2506.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2507.          <span>
  2508.            <s class="price-item price-item--regular">
  2509.              
  2510.                $59.99
  2511.              
  2512.            </s>
  2513.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2514.        <span class="price-item price-item--sale price-item--last">
  2515.          $29.99
  2516.        </span>
  2517.      </div>
  2518.      <small class="unit-price caption hidden">
  2519.        <span class="visually-hidden">Unit price</span>
  2520.        <span class="price-item price-item--last">
  2521.          <span></span>
  2522.          <span aria-hidden="true">/</span>
  2523.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2524.          <span>
  2525.          </span>
  2526.        </span>
  2527.      </small>
  2528.    </div></div>
  2529.  
  2530.  
  2531. </div>
  2532.        </div>
  2533.        
  2534.        
  2535.        <div class="card__badge bottom left"><span
  2536.              id="Badge-template--19145892102399__featured_collection-9042186469631"
  2537.              class="badge badge--bottom-left color-scheme-4"
  2538.            >Sale</span></div>
  2539.      </div>
  2540.    </div>
  2541.  </div>
  2542.              </li><li
  2543.                id="Slide-template--19145892102399__featured_collection-8"
  2544.                class="grid__item scroll-trigger animate--slide-in"
  2545.                
  2546.                  data-cascade
  2547.                  style="--animation-order: 8;"
  2548.                
  2549.              >
  2550.                
  2551. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2552.    <div
  2553.      class="
  2554.        card card--card
  2555.         card--media
  2556.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2557.        
  2558.        
  2559.        
  2560.        
  2561.      "
  2562.      style="--ratio-percent: 100.0%;"
  2563.    >
  2564.      <div
  2565.        class="card__inner  ratio"
  2566.        style="--ratio-percent: 100.0%;"
  2567.      ><div class="card__media">
  2568.            <div class="media media--transparent media--hover-effect">
  2569.              
  2570.              <img
  2571.                srcset="//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=165 165w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=360 360w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=533 533w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=720 720w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=940 940w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=1066 1066w,//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567 4500w
  2572.                "
  2573.                src="//wholeloops.com/cdn/shop/files/LOGICVOCALSAUCE3D1.png?v=1742013567&width=533"
  2574.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2575.                alt="Logic Vocal Sauce"
  2576.                class="motion-reduce"
  2577.                
  2578.                  loading="lazy"
  2579.                
  2580.                width="4500"
  2581.                height="4500"
  2582.              >
  2583.              
  2584. </div>
  2585.          </div><div class="card__content">
  2586.          <div class="card__information">
  2587.            <h3
  2588.              class="card__heading"
  2589.              
  2590.            >
  2591.              <a
  2592.                href="/products/logic-vocal-sauce"
  2593.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186174719"
  2594.                class="full-unstyled-link"
  2595.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186174719 NoMediaStandardBadge-template--19145892102399__featured_collection-9042186174719"
  2596.              >
  2597.                Logic Vocal Sauce
  2598.              </a>
  2599.            </h3>
  2600.          </div>
  2601.          <div class="card__badge bottom left"><span
  2602.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042186174719"
  2603.                class="badge badge--bottom-left color-scheme-4"
  2604.              >Sale</span></div>
  2605.        </div>
  2606.      </div>
  2607.      <div class="card__content">
  2608.        <div class="card__information">
  2609.          <h3
  2610.            class="card__heading h5"
  2611.            
  2612.              id="title-template--19145892102399__featured_collection-9042186174719"
  2613.            
  2614.          >
  2615.            <a
  2616.              href="/products/logic-vocal-sauce"
  2617.              id="CardLink-template--19145892102399__featured_collection-9042186174719"
  2618.              class="full-unstyled-link"
  2619.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042186174719 Badge-template--19145892102399__featured_collection-9042186174719"
  2620.            >
  2621.              Logic Vocal Sauce
  2622.            </a>
  2623.          </h3>
  2624.          <div class="card-information"><span class="caption-large light"></span>
  2625. <div
  2626.    class="
  2627.      price  price--on-sale"
  2628.  >
  2629.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2630.          <span class="price-item price-item--regular">
  2631.            $14.99
  2632.          </span></div>
  2633.      <div class="price__sale">
  2634.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2635.          <span>
  2636.            <s class="price-item price-item--regular">
  2637.              
  2638.                $29.99
  2639.              
  2640.            </s>
  2641.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2642.        <span class="price-item price-item--sale price-item--last">
  2643.          $14.99
  2644.        </span>
  2645.      </div>
  2646.      <small class="unit-price caption hidden">
  2647.        <span class="visually-hidden">Unit price</span>
  2648.        <span class="price-item price-item--last">
  2649.          <span></span>
  2650.          <span aria-hidden="true">/</span>
  2651.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2652.          <span>
  2653.          </span>
  2654.        </span>
  2655.      </small>
  2656.    </div></div>
  2657.  
  2658.  
  2659. </div>
  2660.        </div>
  2661.        
  2662.        
  2663.        <div class="card__badge bottom left"><span
  2664.              id="Badge-template--19145892102399__featured_collection-9042186174719"
  2665.              class="badge badge--bottom-left color-scheme-4"
  2666.            >Sale</span></div>
  2667.      </div>
  2668.    </div>
  2669.  </div>
  2670.              </li><li
  2671.                id="Slide-template--19145892102399__featured_collection-9"
  2672.                class="grid__item scroll-trigger animate--slide-in"
  2673.                
  2674.                  data-cascade
  2675.                  style="--animation-order: 9;"
  2676.                
  2677.              >
  2678.                
  2679. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2680.    <div
  2681.      class="
  2682.        card card--card
  2683.         card--media
  2684.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2685.        
  2686.        
  2687.        
  2688.        
  2689.      "
  2690.      style="--ratio-percent: 100.0%;"
  2691.    >
  2692.      <div
  2693.        class="card__inner  ratio"
  2694.        style="--ratio-percent: 100.0%;"
  2695.      ><div class="card__media">
  2696.            <div class="media media--transparent media--hover-effect">
  2697.              
  2698.              <img
  2699.                srcset="//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=165 165w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=360 360w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=533 533w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=720 720w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=940 940w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=1066 1066w,//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195 4500w
  2700.                "
  2701.                src="//wholeloops.com/cdn/shop/files/FL_STUDIO_VOCAL_SAUCE_3D_1.png?v=1741840195&width=533"
  2702.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2703.                alt="FL Studio Vocal Sauce"
  2704.                class="motion-reduce"
  2705.                
  2706.                  loading="lazy"
  2707.                
  2708.                width="4500"
  2709.                height="4500"
  2710.              >
  2711.              
  2712. </div>
  2713.          </div><div class="card__content">
  2714.          <div class="card__information">
  2715.            <h3
  2716.              class="card__heading"
  2717.              
  2718.            >
  2719.              <a
  2720.                href="/products/fl-studio-vocal-sauce"
  2721.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042185978111"
  2722.                class="full-unstyled-link"
  2723.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042185978111 NoMediaStandardBadge-template--19145892102399__featured_collection-9042185978111"
  2724.              >
  2725.                FL Studio Vocal Sauce
  2726.              </a>
  2727.            </h3>
  2728.          </div>
  2729.          <div class="card__badge bottom left"><span
  2730.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042185978111"
  2731.                class="badge badge--bottom-left color-scheme-4"
  2732.              >Sale</span></div>
  2733.        </div>
  2734.      </div>
  2735.      <div class="card__content">
  2736.        <div class="card__information">
  2737.          <h3
  2738.            class="card__heading h5"
  2739.            
  2740.              id="title-template--19145892102399__featured_collection-9042185978111"
  2741.            
  2742.          >
  2743.            <a
  2744.              href="/products/fl-studio-vocal-sauce"
  2745.              id="CardLink-template--19145892102399__featured_collection-9042185978111"
  2746.              class="full-unstyled-link"
  2747.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042185978111 Badge-template--19145892102399__featured_collection-9042185978111"
  2748.            >
  2749.              FL Studio Vocal Sauce
  2750.            </a>
  2751.          </h3>
  2752.          <div class="card-information"><span class="caption-large light"></span>
  2753. <div
  2754.    class="
  2755.      price  price--on-sale"
  2756.  >
  2757.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2758.          <span class="price-item price-item--regular">
  2759.            $14.99
  2760.          </span></div>
  2761.      <div class="price__sale">
  2762.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2763.          <span>
  2764.            <s class="price-item price-item--regular">
  2765.              
  2766.                $29.99
  2767.              
  2768.            </s>
  2769.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2770.        <span class="price-item price-item--sale price-item--last">
  2771.          $14.99
  2772.        </span>
  2773.      </div>
  2774.      <small class="unit-price caption hidden">
  2775.        <span class="visually-hidden">Unit price</span>
  2776.        <span class="price-item price-item--last">
  2777.          <span></span>
  2778.          <span aria-hidden="true">/</span>
  2779.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2780.          <span>
  2781.          </span>
  2782.        </span>
  2783.      </small>
  2784.    </div></div>
  2785.  
  2786.  
  2787. </div>
  2788.        </div>
  2789.        
  2790.        
  2791.        <div class="card__badge bottom left"><span
  2792.              id="Badge-template--19145892102399__featured_collection-9042185978111"
  2793.              class="badge badge--bottom-left color-scheme-4"
  2794.            >Sale</span></div>
  2795.      </div>
  2796.    </div>
  2797.  </div>
  2798.              </li><li
  2799.                id="Slide-template--19145892102399__featured_collection-10"
  2800.                class="grid__item scroll-trigger animate--slide-in"
  2801.                
  2802.                  data-cascade
  2803.                  style="--animation-order: 10;"
  2804.                
  2805.              >
  2806.                
  2807. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2808.    <div
  2809.      class="
  2810.        card card--card
  2811.         card--media
  2812.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2813.        
  2814.        
  2815.        
  2816.        
  2817.      "
  2818.      style="--ratio-percent: 100.0%;"
  2819.    >
  2820.      <div
  2821.        class="card__inner  ratio"
  2822.        style="--ratio-percent: 100.0%;"
  2823.      ><div class="card__media">
  2824.            <div class="media media--transparent media--hover-effect">
  2825.              
  2826.              <img
  2827.                srcset="//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=165 165w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=360 360w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=533 533w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=720 720w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=940 940w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=1066 1066w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956 1920w
  2828.                "
  2829.                src="//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_BUNDLE_SQ_2_ea5f2b73-4039-4a57-8707-cefd6f31f6d9.png?v=1741731956&width=533"
  2830.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2831.                alt="Disrespectful 808 Bundle"
  2832.                class="motion-reduce"
  2833.                
  2834.                  loading="lazy"
  2835.                
  2836.                width="1920"
  2837.                height="1920"
  2838.              >
  2839.              
  2840. </div>
  2841.          </div><div class="card__content">
  2842.          <div class="card__information">
  2843.            <h3
  2844.              class="card__heading"
  2845.              
  2846.            >
  2847.              <a
  2848.                href="/products/808-bundle"
  2849.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183717119"
  2850.                class="full-unstyled-link"
  2851.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183717119 NoMediaStandardBadge-template--19145892102399__featured_collection-9042183717119"
  2852.              >
  2853.                Disrespectful 808 Bundle
  2854.              </a>
  2855.            </h3>
  2856.          </div>
  2857.          <div class="card__badge bottom left"><span
  2858.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042183717119"
  2859.                class="badge badge--bottom-left color-scheme-4"
  2860.              >Sale</span></div>
  2861.        </div>
  2862.      </div>
  2863.      <div class="card__content">
  2864.        <div class="card__information">
  2865.          <h3
  2866.            class="card__heading h5"
  2867.            
  2868.              id="title-template--19145892102399__featured_collection-9042183717119"
  2869.            
  2870.          >
  2871.            <a
  2872.              href="/products/808-bundle"
  2873.              id="CardLink-template--19145892102399__featured_collection-9042183717119"
  2874.              class="full-unstyled-link"
  2875.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042183717119 Badge-template--19145892102399__featured_collection-9042183717119"
  2876.            >
  2877.              Disrespectful 808 Bundle
  2878.            </a>
  2879.          </h3>
  2880.          <div class="card-information"><span class="caption-large light"></span>
  2881. <div
  2882.    class="
  2883.      price  price--on-sale"
  2884.  >
  2885.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  2886.          <span class="price-item price-item--regular">
  2887.            $124.99
  2888.          </span></div>
  2889.      <div class="price__sale">
  2890.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  2891.          <span>
  2892.            <s class="price-item price-item--regular">
  2893.              
  2894.                $149.99
  2895.              
  2896.            </s>
  2897.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  2898.        <span class="price-item price-item--sale price-item--last">
  2899.          $124.99
  2900.        </span>
  2901.      </div>
  2902.      <small class="unit-price caption hidden">
  2903.        <span class="visually-hidden">Unit price</span>
  2904.        <span class="price-item price-item--last">
  2905.          <span></span>
  2906.          <span aria-hidden="true">/</span>
  2907.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  2908.          <span>
  2909.          </span>
  2910.        </span>
  2911.      </small>
  2912.    </div></div>
  2913.  
  2914.  
  2915. </div>
  2916.        </div>
  2917.        
  2918.        
  2919.        <div class="card__badge bottom left"><span
  2920.              id="Badge-template--19145892102399__featured_collection-9042183717119"
  2921.              class="badge badge--bottom-left color-scheme-4"
  2922.            >Sale</span></div>
  2923.      </div>
  2924.    </div>
  2925.  </div>
  2926.              </li><li
  2927.                id="Slide-template--19145892102399__featured_collection-11"
  2928.                class="grid__item scroll-trigger animate--slide-in"
  2929.                
  2930.                  data-cascade
  2931.                  style="--animation-order: 11;"
  2932.                
  2933.              >
  2934.                
  2935. <div class="card-wrapper product-card-wrapper underline-links-hover">
  2936.    <div
  2937.      class="
  2938.        card card--card
  2939.         card--media
  2940.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  2941.        
  2942.        
  2943.        
  2944.        
  2945.      "
  2946.      style="--ratio-percent: 100.0%;"
  2947.    >
  2948.      <div
  2949.        class="card__inner  ratio"
  2950.        style="--ratio-percent: 100.0%;"
  2951.      ><div class="card__media">
  2952.            <div class="media media--transparent media--hover-effect">
  2953.              
  2954.              <img
  2955.                srcset="//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=165 165w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=360 360w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=533 533w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=720 720w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=940 940w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=1066 1066w,//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150 4500w
  2956.                "
  2957.                src="//wholeloops.com/cdn/shop/files/FLSTUDIOMASTERSAUCE3D2.png?v=1741840150&width=533"
  2958.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  2959.                alt="FL Studio Master Sauce"
  2960.                class="motion-reduce"
  2961.                
  2962.                  loading="lazy"
  2963.                
  2964.                width="4500"
  2965.                height="4500"
  2966.              >
  2967.              
  2968. </div>
  2969.          </div><div class="card__content">
  2970.          <div class="card__information">
  2971.            <h3
  2972.              class="card__heading"
  2973.              
  2974.            >
  2975.              <a
  2976.                href="/products/fl-studio-master-sauce"
  2977.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042185421055"
  2978.                class="full-unstyled-link"
  2979.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042185421055 NoMediaStandardBadge-template--19145892102399__featured_collection-9042185421055"
  2980.              >
  2981.                FL Studio Master Sauce
  2982.              </a>
  2983.            </h3>
  2984.          </div>
  2985.          <div class="card__badge bottom left"><span
  2986.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042185421055"
  2987.                class="badge badge--bottom-left color-scheme-4"
  2988.              >Sale</span></div>
  2989.        </div>
  2990.      </div>
  2991.      <div class="card__content">
  2992.        <div class="card__information">
  2993.          <h3
  2994.            class="card__heading h5"
  2995.            
  2996.              id="title-template--19145892102399__featured_collection-9042185421055"
  2997.            
  2998.          >
  2999.            <a
  3000.              href="/products/fl-studio-master-sauce"
  3001.              id="CardLink-template--19145892102399__featured_collection-9042185421055"
  3002.              class="full-unstyled-link"
  3003.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042185421055 Badge-template--19145892102399__featured_collection-9042185421055"
  3004.            >
  3005.              FL Studio Master Sauce
  3006.            </a>
  3007.          </h3>
  3008.          <div class="card-information"><span class="caption-large light"></span>
  3009. <div
  3010.    class="
  3011.      price  price--on-sale"
  3012.  >
  3013.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3014.          <span class="price-item price-item--regular">
  3015.            $14.99
  3016.          </span></div>
  3017.      <div class="price__sale">
  3018.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3019.          <span>
  3020.            <s class="price-item price-item--regular">
  3021.              
  3022.                $29.99
  3023.              
  3024.            </s>
  3025.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3026.        <span class="price-item price-item--sale price-item--last">
  3027.          $14.99
  3028.        </span>
  3029.      </div>
  3030.      <small class="unit-price caption hidden">
  3031.        <span class="visually-hidden">Unit price</span>
  3032.        <span class="price-item price-item--last">
  3033.          <span></span>
  3034.          <span aria-hidden="true">/</span>
  3035.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3036.          <span>
  3037.          </span>
  3038.        </span>
  3039.      </small>
  3040.    </div></div>
  3041.  
  3042.  
  3043. </div>
  3044.        </div>
  3045.        
  3046.        
  3047.        <div class="card__badge bottom left"><span
  3048.              id="Badge-template--19145892102399__featured_collection-9042185421055"
  3049.              class="badge badge--bottom-left color-scheme-4"
  3050.            >Sale</span></div>
  3051.      </div>
  3052.    </div>
  3053.  </div>
  3054.              </li><li
  3055.                id="Slide-template--19145892102399__featured_collection-12"
  3056.                class="grid__item scroll-trigger animate--slide-in"
  3057.                
  3058.                  data-cascade
  3059.                  style="--animation-order: 12;"
  3060.                
  3061.              >
  3062.                
  3063. <div class="card-wrapper product-card-wrapper underline-links-hover">
  3064.    <div
  3065.      class="
  3066.        card card--card
  3067.         card--media
  3068.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  3069.        
  3070.        
  3071.        
  3072.        
  3073.      "
  3074.      style="--ratio-percent: 100.0%;"
  3075.    >
  3076.      <div
  3077.        class="card__inner  ratio"
  3078.        style="--ratio-percent: 100.0%;"
  3079.      ><div class="card__media">
  3080.            <div class="media media--transparent media--hover-effect">
  3081.              
  3082.              <img
  3083.                srcset="//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=165 165w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=360 360w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=533 533w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=720 720w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=940 940w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=1066 1066w,//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672 1920w
  3084.                "
  3085.                src="//wholeloops.com/cdn/shop/files/DRUMSBUNDLE3D1.png?v=1741767672&width=533"
  3086.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  3087.                alt="Drums Bundle"
  3088.                class="motion-reduce"
  3089.                
  3090.                  loading="lazy"
  3091.                
  3092.                width="1920"
  3093.                height="1920"
  3094.              >
  3095.              
  3096. </div>
  3097.          </div><div class="card__content">
  3098.          <div class="card__information">
  3099.            <h3
  3100.              class="card__heading"
  3101.              
  3102.            >
  3103.              <a
  3104.                href="/products/drums-bundle"
  3105.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183651583"
  3106.                class="full-unstyled-link"
  3107.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042183651583 NoMediaStandardBadge-template--19145892102399__featured_collection-9042183651583"
  3108.              >
  3109.                Drums Bundle
  3110.              </a>
  3111.            </h3>
  3112.          </div>
  3113.          <div class="card__badge bottom left"><span
  3114.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042183651583"
  3115.                class="badge badge--bottom-left color-scheme-4"
  3116.              >Sale</span></div>
  3117.        </div>
  3118.      </div>
  3119.      <div class="card__content">
  3120.        <div class="card__information">
  3121.          <h3
  3122.            class="card__heading h5"
  3123.            
  3124.              id="title-template--19145892102399__featured_collection-9042183651583"
  3125.            
  3126.          >
  3127.            <a
  3128.              href="/products/drums-bundle"
  3129.              id="CardLink-template--19145892102399__featured_collection-9042183651583"
  3130.              class="full-unstyled-link"
  3131.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042183651583 Badge-template--19145892102399__featured_collection-9042183651583"
  3132.            >
  3133.              Drums Bundle
  3134.            </a>
  3135.          </h3>
  3136.          <div class="card-information"><span class="caption-large light"></span>
  3137. <div
  3138.    class="
  3139.      price  price--on-sale"
  3140.  >
  3141.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3142.          <span class="price-item price-item--regular">
  3143.            $149.99
  3144.          </span></div>
  3145.      <div class="price__sale">
  3146.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3147.          <span>
  3148.            <s class="price-item price-item--regular">
  3149.              
  3150.                $299.99
  3151.              
  3152.            </s>
  3153.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3154.        <span class="price-item price-item--sale price-item--last">
  3155.          $149.99
  3156.        </span>
  3157.      </div>
  3158.      <small class="unit-price caption hidden">
  3159.        <span class="visually-hidden">Unit price</span>
  3160.        <span class="price-item price-item--last">
  3161.          <span></span>
  3162.          <span aria-hidden="true">/</span>
  3163.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3164.          <span>
  3165.          </span>
  3166.        </span>
  3167.      </small>
  3168.    </div></div>
  3169.  
  3170.  
  3171. </div>
  3172.        </div>
  3173.        
  3174.        
  3175.        <div class="card__badge bottom left"><span
  3176.              id="Badge-template--19145892102399__featured_collection-9042183651583"
  3177.              class="badge badge--bottom-left color-scheme-4"
  3178.            >Sale</span></div>
  3179.      </div>
  3180.    </div>
  3181.  </div>
  3182.              </li><li
  3183.                id="Slide-template--19145892102399__featured_collection-13"
  3184.                class="grid__item scroll-trigger animate--slide-in"
  3185.                
  3186.                  data-cascade
  3187.                  style="--animation-order: 13;"
  3188.                
  3189.              >
  3190.                
  3191. <div class="card-wrapper product-card-wrapper underline-links-hover">
  3192.    <div
  3193.      class="
  3194.        card card--card
  3195.         card--media
  3196.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  3197.        
  3198.        
  3199.        
  3200.        
  3201.      "
  3202.      style="--ratio-percent: 100.0%;"
  3203.    >
  3204.      <div
  3205.        class="card__inner  ratio"
  3206.        style="--ratio-percent: 100.0%;"
  3207.      ><div class="card__media">
  3208.            <div class="media media--transparent media--hover-effect">
  3209.              
  3210.              <img
  3211.                srcset="//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=165 165w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=360 360w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=533 533w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=720 720w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=940 940w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=1066 1066w,//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289 1177w
  3212.                "
  3213.                src="//wholeloops.com/cdn/shop/files/PRO_TOOLS_COURSE_THUMB_3D_1.png?v=1741746289&width=533"
  3214.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  3215.                alt="Pro Tools Course"
  3216.                class="motion-reduce"
  3217.                
  3218.                  loading="lazy"
  3219.                
  3220.                width="1177"
  3221.                height="1177"
  3222.              >
  3223.              
  3224. </div>
  3225.          </div><div class="card__content">
  3226.          <div class="card__information">
  3227.            <h3
  3228.              class="card__heading"
  3229.              
  3230.            >
  3231.              <a
  3232.                href="/products/pro-tools-course"
  3233.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186600703"
  3234.                class="full-unstyled-link"
  3235.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186600703 NoMediaStandardBadge-template--19145892102399__featured_collection-9042186600703"
  3236.              >
  3237.                Pro Tools Course
  3238.              </a>
  3239.            </h3>
  3240.          </div>
  3241.          <div class="card__badge bottom left"><span
  3242.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042186600703"
  3243.                class="badge badge--bottom-left color-scheme-4"
  3244.              >Sale</span></div>
  3245.        </div>
  3246.      </div>
  3247.      <div class="card__content">
  3248.        <div class="card__information">
  3249.          <h3
  3250.            class="card__heading h5"
  3251.            
  3252.              id="title-template--19145892102399__featured_collection-9042186600703"
  3253.            
  3254.          >
  3255.            <a
  3256.              href="/products/pro-tools-course"
  3257.              id="CardLink-template--19145892102399__featured_collection-9042186600703"
  3258.              class="full-unstyled-link"
  3259.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042186600703 Badge-template--19145892102399__featured_collection-9042186600703"
  3260.            >
  3261.              Pro Tools Course
  3262.            </a>
  3263.          </h3>
  3264.          <div class="card-information"><span class="caption-large light"></span>
  3265. <div
  3266.    class="
  3267.      price  price--on-sale"
  3268.  >
  3269.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3270.          <span class="price-item price-item--regular">
  3271.            $29.99
  3272.          </span></div>
  3273.      <div class="price__sale">
  3274.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3275.          <span>
  3276.            <s class="price-item price-item--regular">
  3277.              
  3278.                $59.99
  3279.              
  3280.            </s>
  3281.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3282.        <span class="price-item price-item--sale price-item--last">
  3283.          $29.99
  3284.        </span>
  3285.      </div>
  3286.      <small class="unit-price caption hidden">
  3287.        <span class="visually-hidden">Unit price</span>
  3288.        <span class="price-item price-item--last">
  3289.          <span></span>
  3290.          <span aria-hidden="true">/</span>
  3291.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3292.          <span>
  3293.          </span>
  3294.        </span>
  3295.      </small>
  3296.    </div></div>
  3297.  
  3298.  
  3299. </div>
  3300.        </div>
  3301.        
  3302.        
  3303.        <div class="card__badge bottom left"><span
  3304.              id="Badge-template--19145892102399__featured_collection-9042186600703"
  3305.              class="badge badge--bottom-left color-scheme-4"
  3306.            >Sale</span></div>
  3307.      </div>
  3308.    </div>
  3309.  </div>
  3310.              </li><li
  3311.                id="Slide-template--19145892102399__featured_collection-14"
  3312.                class="grid__item scroll-trigger animate--slide-in"
  3313.                
  3314.                  data-cascade
  3315.                  style="--animation-order: 14;"
  3316.                
  3317.              >
  3318.                
  3319. <div class="card-wrapper product-card-wrapper underline-links-hover">
  3320.    <div
  3321.      class="
  3322.        card card--card
  3323.         card--media
  3324.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  3325.        
  3326.        
  3327.        
  3328.        
  3329.      "
  3330.      style="--ratio-percent: 104.0%;"
  3331.    >
  3332.      <div
  3333.        class="card__inner  ratio"
  3334.        style="--ratio-percent: 104.0%;"
  3335.      ><div class="card__media">
  3336.            <div class="media media--transparent media--hover-effect">
  3337.              
  3338.              <img
  3339.                srcset="//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=165 165w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=360 360w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=533 533w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=720 720w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=940 940w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=1066 1066w,//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956 1275w
  3340.                "
  3341.                src="//wholeloops.com/cdn/shop/files/DISRESPECTFUL_808_5_3D_3.png?v=1741731956&width=533"
  3342.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  3343.                alt="Disrespectful 808 5"
  3344.                class="motion-reduce"
  3345.                
  3346.                  loading="lazy"
  3347.                
  3348.                width="1275"
  3349.                height="1326"
  3350.              >
  3351.              
  3352. </div>
  3353.          </div><div class="card__content">
  3354.          <div class="card__information">
  3355.            <h3
  3356.              class="card__heading"
  3357.              
  3358.            >
  3359.              <a
  3360.                href="/products/disrespectful-808-5"
  3361.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186502399"
  3362.                class="full-unstyled-link"
  3363.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042186502399 NoMediaStandardBadge-template--19145892102399__featured_collection-9042186502399"
  3364.              >
  3365.                Disrespectful 808 5
  3366.              </a>
  3367.            </h3>
  3368.          </div>
  3369.          <div class="card__badge bottom left"><span
  3370.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042186502399"
  3371.                class="badge badge--bottom-left color-scheme-4"
  3372.              >Sale</span></div>
  3373.        </div>
  3374.      </div>
  3375.      <div class="card__content">
  3376.        <div class="card__information">
  3377.          <h3
  3378.            class="card__heading h5"
  3379.            
  3380.              id="title-template--19145892102399__featured_collection-9042186502399"
  3381.            
  3382.          >
  3383.            <a
  3384.              href="/products/disrespectful-808-5"
  3385.              id="CardLink-template--19145892102399__featured_collection-9042186502399"
  3386.              class="full-unstyled-link"
  3387.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042186502399 Badge-template--19145892102399__featured_collection-9042186502399"
  3388.            >
  3389.              Disrespectful 808 5
  3390.            </a>
  3391.          </h3>
  3392.          <div class="card-information"><span class="caption-large light"></span>
  3393. <div
  3394.    class="
  3395.      price  price--on-sale"
  3396.  >
  3397.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3398.          <span class="price-item price-item--regular">
  3399.            $14.99
  3400.          </span></div>
  3401.      <div class="price__sale">
  3402.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3403.          <span>
  3404.            <s class="price-item price-item--regular">
  3405.              
  3406.                $29.99
  3407.              
  3408.            </s>
  3409.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3410.        <span class="price-item price-item--sale price-item--last">
  3411.          $14.99
  3412.        </span>
  3413.      </div>
  3414.      <small class="unit-price caption hidden">
  3415.        <span class="visually-hidden">Unit price</span>
  3416.        <span class="price-item price-item--last">
  3417.          <span></span>
  3418.          <span aria-hidden="true">/</span>
  3419.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3420.          <span>
  3421.          </span>
  3422.        </span>
  3423.      </small>
  3424.    </div></div>
  3425.  
  3426.  
  3427. </div>
  3428.        </div>
  3429.        
  3430.        
  3431.        <div class="card__badge bottom left"><span
  3432.              id="Badge-template--19145892102399__featured_collection-9042186502399"
  3433.              class="badge badge--bottom-left color-scheme-4"
  3434.            >Sale</span></div>
  3435.      </div>
  3436.    </div>
  3437.  </div>
  3438.              </li><li
  3439.                id="Slide-template--19145892102399__featured_collection-15"
  3440.                class="grid__item scroll-trigger animate--slide-in"
  3441.                
  3442.                  data-cascade
  3443.                  style="--animation-order: 15;"
  3444.                
  3445.              >
  3446.                
  3447. <div class="card-wrapper product-card-wrapper underline-links-hover">
  3448.    <div
  3449.      class="
  3450.        card card--card
  3451.         card--media
  3452.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  3453.        
  3454.        
  3455.        
  3456.        
  3457.      "
  3458.      style="--ratio-percent: 100.0%;"
  3459.    >
  3460.      <div
  3461.        class="card__inner  ratio"
  3462.        style="--ratio-percent: 100.0%;"
  3463.      ><div class="card__media">
  3464.            <div class="media media--transparent media--hover-effect">
  3465.              
  3466.              <img
  3467.                srcset="//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=165 165w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=360 360w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=533 533w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=720 720w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=940 940w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=1066 1066w,//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048 1177w
  3468.                "
  3469.                src="//wholeloops.com/cdn/shop/files/MELODYNECOURSETHUMB3D5.png?v=1741748048&width=533"
  3470.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  3471.                alt="Melodyne Course"
  3472.                class="motion-reduce"
  3473.                
  3474.                  loading="lazy"
  3475.                
  3476.                width="1177"
  3477.                height="1177"
  3478.              >
  3479.              
  3480. </div>
  3481.          </div><div class="card__content">
  3482.          <div class="card__information">
  3483.            <h3
  3484.              class="card__heading"
  3485.              
  3486.            >
  3487.              <a
  3488.                href="/products/melodyne-course"
  3489.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042595741951"
  3490.                class="full-unstyled-link"
  3491.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042595741951 NoMediaStandardBadge-template--19145892102399__featured_collection-9042595741951"
  3492.              >
  3493.                Melodyne Course
  3494.              </a>
  3495.            </h3>
  3496.          </div>
  3497.          <div class="card__badge bottom left"><span
  3498.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042595741951"
  3499.                class="badge badge--bottom-left color-scheme-4"
  3500.              >Sale</span></div>
  3501.        </div>
  3502.      </div>
  3503.      <div class="card__content">
  3504.        <div class="card__information">
  3505.          <h3
  3506.            class="card__heading h5"
  3507.            
  3508.              id="title-template--19145892102399__featured_collection-9042595741951"
  3509.            
  3510.          >
  3511.            <a
  3512.              href="/products/melodyne-course"
  3513.              id="CardLink-template--19145892102399__featured_collection-9042595741951"
  3514.              class="full-unstyled-link"
  3515.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042595741951 Badge-template--19145892102399__featured_collection-9042595741951"
  3516.            >
  3517.              Melodyne Course
  3518.            </a>
  3519.          </h3>
  3520.          <div class="card-information"><span class="caption-large light"></span>
  3521. <div
  3522.    class="
  3523.      price  price--on-sale"
  3524.  >
  3525.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3526.          <span class="price-item price-item--regular">
  3527.            $29.99
  3528.          </span></div>
  3529.      <div class="price__sale">
  3530.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3531.          <span>
  3532.            <s class="price-item price-item--regular">
  3533.              
  3534.                $59.99
  3535.              
  3536.            </s>
  3537.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3538.        <span class="price-item price-item--sale price-item--last">
  3539.          $29.99
  3540.        </span>
  3541.      </div>
  3542.      <small class="unit-price caption hidden">
  3543.        <span class="visually-hidden">Unit price</span>
  3544.        <span class="price-item price-item--last">
  3545.          <span></span>
  3546.          <span aria-hidden="true">/</span>
  3547.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3548.          <span>
  3549.          </span>
  3550.        </span>
  3551.      </small>
  3552.    </div></div>
  3553.  
  3554.  
  3555. </div>
  3556.        </div>
  3557.        
  3558.        
  3559.        <div class="card__badge bottom left"><span
  3560.              id="Badge-template--19145892102399__featured_collection-9042595741951"
  3561.              class="badge badge--bottom-left color-scheme-4"
  3562.            >Sale</span></div>
  3563.      </div>
  3564.    </div>
  3565.  </div>
  3566.              </li><li
  3567.                id="Slide-template--19145892102399__featured_collection-16"
  3568.                class="grid__item scroll-trigger animate--slide-in"
  3569.                
  3570.                  data-cascade
  3571.                  style="--animation-order: 16;"
  3572.                
  3573.              >
  3574.                
  3575. <div class="card-wrapper product-card-wrapper underline-links-hover">
  3576.    <div
  3577.      class="
  3578.        card card--card
  3579.         card--media
  3580.         color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 gradient
  3581.        
  3582.        
  3583.        
  3584.        
  3585.      "
  3586.      style="--ratio-percent: 100.0%;"
  3587.    >
  3588.      <div
  3589.        class="card__inner  ratio"
  3590.        style="--ratio-percent: 100.0%;"
  3591.      ><div class="card__media">
  3592.            <div class="media media--transparent media--hover-effect">
  3593.              
  3594.              <img
  3595.                srcset="//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=165 165w,//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=360 360w,//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=533 533w,//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=720 720w,//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=940 940w,//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014 1024w
  3596.                "
  3597.                src="//wholeloops.com/cdn/shop/files/MASTERSAUCE3D5.png?v=1741589014&width=533"
  3598.                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
  3599.                alt="Ableton Master Sauce"
  3600.                class="motion-reduce"
  3601.                
  3602.                  loading="lazy"
  3603.                
  3604.                width="1024"
  3605.                height="1024"
  3606.              >
  3607.              
  3608. </div>
  3609.          </div><div class="card__content">
  3610.          <div class="card__information">
  3611.            <h3
  3612.              class="card__heading"
  3613.              
  3614.            >
  3615.              <a
  3616.                href="/products/ableton-master-sauce"
  3617.                id="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181357823"
  3618.                class="full-unstyled-link"
  3619.                aria-labelledby="StandardCardNoMediaLink-template--19145892102399__featured_collection-9042181357823 NoMediaStandardBadge-template--19145892102399__featured_collection-9042181357823"
  3620.              >
  3621.                Ableton Master Sauce
  3622.              </a>
  3623.            </h3>
  3624.          </div>
  3625.          <div class="card__badge bottom left"><span
  3626.                id="NoMediaStandardBadge-template--19145892102399__featured_collection-9042181357823"
  3627.                class="badge badge--bottom-left color-scheme-4"
  3628.              >Sale</span></div>
  3629.        </div>
  3630.      </div>
  3631.      <div class="card__content">
  3632.        <div class="card__information">
  3633.          <h3
  3634.            class="card__heading h5"
  3635.            
  3636.              id="title-template--19145892102399__featured_collection-9042181357823"
  3637.            
  3638.          >
  3639.            <a
  3640.              href="/products/ableton-master-sauce"
  3641.              id="CardLink-template--19145892102399__featured_collection-9042181357823"
  3642.              class="full-unstyled-link"
  3643.              aria-labelledby="CardLink-template--19145892102399__featured_collection-9042181357823 Badge-template--19145892102399__featured_collection-9042181357823"
  3644.            >
  3645.              Ableton Master Sauce
  3646.            </a>
  3647.          </h3>
  3648.          <div class="card-information"><span class="caption-large light"></span>
  3649. <div
  3650.    class="
  3651.      price  price--on-sale"
  3652.  >
  3653.    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
  3654.          <span class="price-item price-item--regular">
  3655.            $14.99
  3656.          </span></div>
  3657.      <div class="price__sale">
  3658.          <span class="visually-hidden visually-hidden--inline">Regular price</span>
  3659.          <span>
  3660.            <s class="price-item price-item--regular">
  3661.              
  3662.                $29.99
  3663.              
  3664.            </s>
  3665.          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
  3666.        <span class="price-item price-item--sale price-item--last">
  3667.          $14.99
  3668.        </span>
  3669.      </div>
  3670.      <small class="unit-price caption hidden">
  3671.        <span class="visually-hidden">Unit price</span>
  3672.        <span class="price-item price-item--last">
  3673.          <span></span>
  3674.          <span aria-hidden="true">/</span>
  3675.          <span class="visually-hidden">&nbsp;per&nbsp;</span>
  3676.          <span>
  3677.          </span>
  3678.        </span>
  3679.      </small>
  3680.    </div></div>
  3681.  
  3682.  
  3683. </div>
  3684.        </div>
  3685.        
  3686.        
  3687.        <div class="card__badge bottom left"><span
  3688.              id="Badge-template--19145892102399__featured_collection-9042181357823"
  3689.              class="badge badge--bottom-left color-scheme-4"
  3690.            >Sale</span></div>
  3691.      </div>
  3692.    </div>
  3693.  </div>
  3694.              </li>
  3695. </ul></slider-component></div>
  3696. </div>
  3697.  
  3698.  
  3699. </section>
  3700.    </main>
  3701.  
  3702.    <!-- BEGIN sections: footer-group -->
  3703. <div id="shopify-section-sections--19145892561151__footer" class="shopify-section shopify-section-group-footer-group">
  3704. <link href="//wholeloops.com/cdn/shop/t/1/assets/section-footer.css?v=60318643098753476351741311024" rel="stylesheet" type="text/css" media="all" />
  3705. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261741311023" rel="stylesheet" type="text/css" media="all" />
  3706. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991741311023" rel="stylesheet" type="text/css" media="all" />
  3707. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501741311023" rel="stylesheet" type="text/css" media="all" />
  3708. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991741311023" rel="stylesheet" type="text/css" media="all" />
  3709. <style data-shopify>.footer {
  3710.    margin-top: 0px;
  3711.  }
  3712.  
  3713.  .section-sections--19145892561151__footer-padding {
  3714.    padding-top: 27px;
  3715.    padding-bottom: 27px;
  3716.  }
  3717.  
  3718.  @media screen and (min-width: 750px) {
  3719.    .footer {
  3720.      margin-top: 0px;
  3721.    }
  3722.  
  3723.    .section-sections--19145892561151__footer-padding {
  3724.      padding-top: 36px;
  3725.      padding-bottom: 36px;
  3726.    }
  3727.  }</style><footer class="footer color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient section-sections--19145892561151__footer-padding"><div class="footer__content-top page-width"><div
  3728.          class="footer-block--newsletter scroll-trigger animate--slide-in"
  3729.          
  3730.            data-cascade
  3731.          
  3732.        ><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
  3733.                <div class="newsletter-form__field-wrapper">
  3734.                  <div class="field">
  3735.                    <input
  3736.                      id="NewsletterForm--sections--19145892561151__footer"
  3737.                      type="email"
  3738.                      name="contact[email]"
  3739.                      class="field__input"
  3740.                      value=""
  3741.                      aria-required="true"
  3742.                      autocorrect="off"
  3743.                      autocapitalize="off"
  3744.                      autocomplete="email"
  3745.                      
  3746.                      placeholder="Email"
  3747.                      required
  3748.                    >
  3749.                    <label class="field__label" for="NewsletterForm--sections--19145892561151__footer">
  3750.                      Email
  3751.                    </label>
  3752.                    <button
  3753.                      type="submit"
  3754.                      class="newsletter-form__button field__button"
  3755.                      name="commit"
  3756.                      id="Subscribe"
  3757.                      aria-label="Subscribe"
  3758.                    >
  3759.                      <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  3760. </span>
  3761.                    </button>
  3762.                  </div></div></form></div>
  3763.  
  3764. <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
  3765.      <a href="https://www.facebook.com/reidstefan" class="link list-social__link">
  3766.        <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
  3767. </span>
  3768.        <span class="visually-hidden">Facebook</span>
  3769.      </a>
  3770.    </li><li class="list-social__item">
  3771.      <a href="https://www.instagram.com/reidstefan" class="link list-social__link">
  3772.        <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
  3773. </span>
  3774.        <span class="visually-hidden">Instagram</span>
  3775.      </a>
  3776.    </li><li class="list-social__item">
  3777.      <a href="https://www.youtube.com/@ReidStefanMusic" class="link list-social__link">
  3778.        <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
  3779. </span>
  3780.        <span class="visually-hidden">YouTube</span>
  3781.      </a>
  3782.    </li><li class="list-social__item">
  3783.      <a href="https://www.tiktok.com/@realestpuppet?lang=en" class="link list-social__link">
  3784.        <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
  3785. </span>
  3786.        <span class="visually-hidden">TikTok</span>
  3787.      </a>
  3788.    </li><li class="list-social__item">
  3789.      <a href="https://x.com/ReidStefan" class="link list-social__link">
  3790.        <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
  3791. </span>
  3792.        <span class="visually-hidden">X (Twitter)</span>
  3793.      </a>
  3794.    </li></ul>
  3795. </div>
  3796.      </div><div
  3797.    class="footer__content-bottom scroll-trigger animate--slide-in"
  3798.    
  3799.      data-cascade
  3800.    
  3801.  >
  3802.    <div class="footer__content-bottom-wrapper page-width">
  3803.      <div class="footer__column footer__localization isolate"></div>
  3804.      <div class="footer__column footer__column--info"></div>
  3805.    </div>
  3806.    <div class="footer__content-bottom-wrapper page-width">
  3807.      <div class="footer__copyright caption">
  3808.        <small class="copyright__content"
  3809.          >&copy; 2025, <a href="/" title="">Whole Loops</a></small>
  3810.        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small></div>
  3811.    </div>
  3812.  </div>
  3813. </footer>
  3814.  
  3815.  
  3816. </div>
  3817. <!-- END sections: footer-group -->
  3818.  
  3819.    <ul hidden>
  3820.      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
  3821.      <li id="a11y-new-window-message">Opens in a new window.</li>
  3822.    </ul>
  3823.  
  3824.    <script>
  3825.      window.shopUrl = 'https://wholeloops.com';
  3826.      window.routes = {
  3827.        cart_add_url: '/cart/add',
  3828.        cart_change_url: '/cart/change',
  3829.        cart_update_url: '/cart/update',
  3830.        cart_url: '/cart',
  3831.        predictive_search_url: '/search/suggest',
  3832.      };
  3833.  
  3834.      window.cartStrings = {
  3835.        error: `There was an error while updating your cart. Please try again.`,
  3836.        quantityError: `You can only add [quantity] of this item to your cart.`,
  3837.      };
  3838.  
  3839.      window.variantStrings = {
  3840.        addToCart: `Add to cart`,
  3841.        soldOut: `Sold out`,
  3842.        unavailable: `Unavailable`,
  3843.        unavailable_with_option: `[value] - Unavailable`,
  3844.      };
  3845.  
  3846.      window.quickOrderListStrings = {
  3847.        itemsAdded: `[quantity] items added`,
  3848.        itemAdded: `[quantity] item added`,
  3849.        itemsRemoved: `[quantity] items removed`,
  3850.        itemRemoved: `[quantity] item removed`,
  3851.        viewCart: `View cart`,
  3852.        each: `[money]/ea`,
  3853.        min_error: `This item has a minimum of [min]`,
  3854.        max_error: `This item has a maximum of [max]`,
  3855.        step_error: `You can only add this item in increments of [step]`,
  3856.      };
  3857.  
  3858.      window.accessibilityStrings = {
  3859.        imageAvailable: `Image [index] is now available in gallery view`,
  3860.        shareSuccess: `Link copied to clipboard`,
  3861.        pauseSlideshow: `Pause slideshow`,
  3862.        playSlideshow: `Play slideshow`,
  3863.        recipientFormExpanded: `Gift card recipient form expanded`,
  3864.        recipientFormCollapsed: `Gift card recipient form collapsed`,
  3865.        countrySelectorSearchCount: `[count] countries/regions found`,
  3866.      };
  3867.    </script><script src="//wholeloops.com/cdn/shop/t/1/assets/predictive-search.js?v=57209189334897115771741311024" defer="defer"></script><div id="shopify-block-AWFNNenlBR2N5d2ZuU__12657775114333427046" class="shopify-block shopify-app-block"><script>
  3868.  
  3869.    window.essentialCountdownTimerConfigs = [{"id":"cm7y6966000mhjnucmo7l8um6","name":"July 4th Sale","title":"July 4th Sale 50% Off Sale Ends in:","customTitle":"","endDate":"2025-07-07T01:42:00.000Z","startDate":"2025-06-27T18:05:00.000Z","subheading":"Get 50% off all orders during the week of July 4th 2025","fixedMinutes":"120","repeat":false,"timerType":"toDate","type":"top-bar","published":true,"timerPlacement":"","showOnProducts":[],"showOnCollections":[],"legendCopyDays":"Days","legendCopyHours":"Hrs","legendCopyMins":"Mins","legendCopySecs":"Secs","CTAType":"button","CTALink":"https://w1q1ty-9y.myshopify.com","closeButton":false,"buttonText":"Shop now!","updatedAt":"2025-06-27T18:05:40.684Z","createdAt":"2025-03-07T02:44:01.421Z","onceItEnds":"hide","style":{"font":"","position":"top-page","stickyBar":false,"timerSize":"22","titleSize":"18","borderSize":"0","buttonText":"Shop now!","legendSize":"10","timerColor":"#202223","titleColor":"#202223","borderColor":"#c5c8d1","gradientEnd":"#FFFFFF","legendColor":"#6d7175","singleColor":"#FFFFFF","gradientTurn":"90","gradientStart":"#DDDDDD","backgroundType":"singleBackground","buttonFontSize":"14","closeIconColor":"#6d7175","subheadingSize":"14","buttonFontColor":"#FFFFFF","subheadingColor":"#202223","buttonBorderRadius":"4","announcementBarStyle":"line-centered","buttonBackgroundColor":"#202223"},"recurringDays":[],"startType":"today","endType":"never","productTags":[],"showInCountries":[],"locationType":"","translations":[],"showOnProductsInCollections":[],"duration":804977876}];
  3870.  
  3871.  const essentialCollectionId = null;
  3872.  window.essentialCountdownTimerMeta = {
  3873.    productData: null,
  3874.    productCollections: null,
  3875.  };
  3876.  window.essentialProductTags = null
  3877. </script>
  3878.  
  3879.  
  3880. </div></body>
  3881. </html>
  3882.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda