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://iamkarra.com/

  1. <!doctype html>
  2.  
  3. <html lang="en" dir="ltr">
  4.  <head>
  5.    <meta charset="utf-8">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
  7.    <meta name="theme-color" content="#10001b">
  8.  
  9.    <title>KARRA</title><link rel="canonical" href="https://www.iamkarra.com/"><link rel="shortcut icon" href="//www.iamkarra.com/cdn/shop/files/favicon-2.jpg?v=1740294856&width=96">
  10.      <link rel="apple-touch-icon" href="//www.iamkarra.com/cdn/shop/files/favicon-2.jpg?v=1740294856&width=180"><link rel="preconnect" href="https://cdn.shopify.com">
  11.    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
  12.    <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link rel="preload" href="//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=7998f8b90356694e653562c2d2c16360dcd0920d43ff16408da65f0397fc68c6" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=a14023ac4ebbd467a3a372de136f0ea886e570c5d33395a3e11bed076ba3e18f" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website">
  13.  <meta property="og:title" content="KARRA"><meta property="og:url" content="https://www.iamkarra.com/">
  14. <meta property="og:site_name" content="KARRA"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="KARRA">
  15.  <meta name="twitter:description" content="KARRA"><script type="application/ld+json">
  16.  {
  17.    "@context": "https://schema.org",
  18.    "@type": "BreadcrumbList",
  19.    "itemListElement": [{
  20.        "@type": "ListItem",
  21.        "position": 1,
  22.        "name": "Home",
  23.        "item": "https://www.iamkarra.com"
  24.      }]
  25.  }
  26. </script><script type="application/ld+json">
  27.  [
  28.    {
  29.      "@context": "https://schema.org",
  30.      "@type": "WebSite",
  31.      "name": "KARRA",
  32.      "url": "https:\/\/www.iamkarra.com",
  33.      "potentialAction": {
  34.        "@type": "SearchAction",
  35.        "target": "https:\/\/www.iamkarra.com\/search?q={search_term_string}",
  36.        "query-input": "required name=search_term_string"
  37.      }
  38.    },
  39.    {
  40.      "@context": "https://schema.org",
  41.      "@type": "Organization",
  42.      "name": "KARRA","url": "https:\/\/www.iamkarra.com"
  43.    }
  44.  ]
  45.  </script><style>/* Typography (heading) */
  46.  @font-face {
  47.  font-family: Montserrat;
  48.  font-weight: 700;
  49.  font-style: normal;
  50.  font-display: fallback;
  51.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=7998f8b90356694e653562c2d2c16360dcd0920d43ff16408da65f0397fc68c6") format("woff2"),
  52.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=894c31df6c217128228bad21e465fd056409f637c19318a9ffd35c2dbd39c2e4") format("woff");
  53. }
  54.  
  55. @font-face {
  56.  font-family: Montserrat;
  57.  font-weight: 700;
  58.  font-style: italic;
  59.  font-display: fallback;
  60.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=f9a32fbb1e0d8a1d9fa3c8129548c3c7351f0eae98f66affc060802e5575d73d") format("woff2"),
  61.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=96e5838c41cfcf482fa1ebee20e4080287a47f5bb0bedd60b5df1c773d1d7d71") format("woff");
  62. }
  63.  
  64. /* Typography (body) */
  65.  @font-face {
  66.  font-family: Montserrat;
  67.  font-weight: 400;
  68.  font-style: normal;
  69.  font-display: fallback;
  70.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=a14023ac4ebbd467a3a372de136f0ea886e570c5d33395a3e11bed076ba3e18f") format("woff2"),
  71.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=fde3e1ed798025b407f05cd3f86765bf7266026e419818564535a9372ccb9d54") format("woff");
  72. }
  73.  
  74. @font-face {
  75.  font-family: Montserrat;
  76.  font-weight: 400;
  77.  font-style: italic;
  78.  font-display: fallback;
  79.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=5f5efc931c03128d18d5cd35cabe6d0326f6b03cf9bbc749da6e5e3a885450e0") format("woff2"),
  80.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=5650be0b3ce00ef2d44f8f4aac530cffd361c5da6b6c1bd9f2ddcaf282b3c0ab") format("woff");
  81. }
  82.  
  83. @font-face {
  84.  font-family: Montserrat;
  85.  font-weight: 700;
  86.  font-style: normal;
  87.  font-display: fallback;
  88.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=7998f8b90356694e653562c2d2c16360dcd0920d43ff16408da65f0397fc68c6") format("woff2"),
  89.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=894c31df6c217128228bad21e465fd056409f637c19318a9ffd35c2dbd39c2e4") format("woff");
  90. }
  91.  
  92. @font-face {
  93.  font-family: Montserrat;
  94.  font-weight: 700;
  95.  font-style: italic;
  96.  font-display: fallback;
  97.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=f9a32fbb1e0d8a1d9fa3c8129548c3c7351f0eae98f66affc060802e5575d73d") format("woff2"),
  98.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=96e5838c41cfcf482fa1ebee20e4080287a47f5bb0bedd60b5df1c773d1d7d71") format("woff");
  99. }
  100.  
  101. :root {
  102.    /**
  103.     * ---------------------------------------------------------------------
  104.     * SPACING VARIABLES
  105.     *
  106.     * We are using a spacing inspired from frameworks like Tailwind CSS.
  107.     * ---------------------------------------------------------------------
  108.     */
  109.    --spacing-0-5: 0.125rem; /* 2px */
  110.    --spacing-1: 0.25rem; /* 4px */
  111.    --spacing-1-5: 0.375rem; /* 6px */
  112.    --spacing-2: 0.5rem; /* 8px */
  113.    --spacing-2-5: 0.625rem; /* 10px */
  114.    --spacing-3: 0.75rem; /* 12px */
  115.    --spacing-3-5: 0.875rem; /* 14px */
  116.    --spacing-4: 1rem; /* 16px */
  117.    --spacing-4-5: 1.125rem; /* 18px */
  118.    --spacing-5: 1.25rem; /* 20px */
  119.    --spacing-5-5: 1.375rem; /* 22px */
  120.    --spacing-6: 1.5rem; /* 24px */
  121.    --spacing-6-5: 1.625rem; /* 26px */
  122.    --spacing-7: 1.75rem; /* 28px */
  123.    --spacing-7-5: 1.875rem; /* 30px */
  124.    --spacing-8: 2rem; /* 32px */
  125.    --spacing-8-5: 2.125rem; /* 34px */
  126.    --spacing-9: 2.25rem; /* 36px */
  127.    --spacing-9-5: 2.375rem; /* 38px */
  128.    --spacing-10: 2.5rem; /* 40px */
  129.    --spacing-11: 2.75rem; /* 44px */
  130.    --spacing-12: 3rem; /* 48px */
  131.    --spacing-14: 3.5rem; /* 56px */
  132.    --spacing-16: 4rem; /* 64px */
  133.    --spacing-18: 4.5rem; /* 72px */
  134.    --spacing-20: 5rem; /* 80px */
  135.    --spacing-24: 6rem; /* 96px */
  136.    --spacing-28: 7rem; /* 112px */
  137.    --spacing-32: 8rem; /* 128px */
  138.    --spacing-36: 9rem; /* 144px */
  139.    --spacing-40: 10rem; /* 160px */
  140.    --spacing-44: 11rem; /* 176px */
  141.    --spacing-48: 12rem; /* 192px */
  142.    --spacing-52: 13rem; /* 208px */
  143.    --spacing-56: 14rem; /* 224px */
  144.    --spacing-60: 15rem; /* 240px */
  145.    --spacing-64: 16rem; /* 256px */
  146.    --spacing-72: 18rem; /* 288px */
  147.    --spacing-80: 20rem; /* 320px */
  148.    --spacing-96: 24rem; /* 384px */
  149.  
  150.    /* Container */
  151.    --container-max-width: 1600px;
  152.    --container-narrow-max-width: 1350px;
  153.    --container-gutter: var(--spacing-5);
  154.    --section-outer-spacing-block: var(--spacing-12);
  155.    --section-inner-max-spacing-block: var(--spacing-10);
  156.    --section-inner-spacing-inline: var(--container-gutter);
  157.    --section-stack-spacing-block: var(--spacing-8);
  158.  
  159.    /* Grid gutter */
  160.    --grid-gutter: var(--spacing-5);
  161.  
  162.    /* Product list settings */
  163.    --product-list-row-gap: var(--spacing-8);
  164.    --product-list-column-gap: var(--grid-gutter);
  165.  
  166.    /* Form settings */
  167.    --input-gap: var(--spacing-2);
  168.    --input-height: 2.625rem;
  169.    --input-padding-inline: var(--spacing-4);
  170.  
  171.    /* Other sizes */
  172.    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
  173.  
  174.    /* RTL support */
  175.    --transform-logical-flip: 1;
  176.    --transform-origin-start: left;
  177.    --transform-origin-end: right;
  178.  
  179.    /**
  180.     * ---------------------------------------------------------------------
  181.     * TYPOGRAPHY
  182.     * ---------------------------------------------------------------------
  183.     */
  184.  
  185.    /* Font properties */
  186.    --heading-font-family: Montserrat, sans-serif;
  187.    --heading-font-weight: 700;
  188.    --heading-font-style: normal;
  189.    --heading-text-transform: uppercase;
  190.    --heading-letter-spacing: -0.02em;
  191.    --text-font-family: Montserrat, sans-serif;
  192.    --text-font-weight: 400;
  193.    --text-font-style: normal;
  194.    --text-letter-spacing: 0.0em;
  195.  
  196.    /* Font sizes */
  197.    --text-h0: 3rem;
  198.    --text-h1: 2.5rem;
  199.    --text-h2: 2rem;
  200.    --text-h3: 1.5rem;
  201.    --text-h4: 1.375rem;
  202.    --text-h5: 1.125rem;
  203.    --text-h6: 1rem;
  204.    --text-xs: 0.6875rem;
  205.    --text-sm: 0.75rem;
  206.    --text-base: 0.875rem;
  207.    --text-lg: 1.125rem;
  208.  
  209.    /**
  210.     * ---------------------------------------------------------------------
  211.     * COLORS
  212.     * ---------------------------------------------------------------------
  213.     */
  214.  
  215.    /* Color settings */--accent: 180 128 242;
  216.    --text-primary: 255 255 255;
  217.    --background-primary: 16 0 27;
  218.    --dialog-background: 16 0 27;
  219.    --border-color: var(--text-color, var(--text-primary)) / 0.12;
  220.  
  221.    /* Button colors */
  222.    --button-background-primary: 180 128 242;
  223.    --button-text-primary: 255 255 255;
  224.    --button-background-secondary: 180 128 242;
  225.    --button-text-secondary: 255 255 255;
  226.  
  227.    /* Status colors */
  228.    --success-background: 224 244 232;
  229.    --success-text: 0 163 65;
  230.    --warning-background: 255 246 233;
  231.    --warning-text: 255 183 74;
  232.    --error-background: 254 231 231;
  233.    --error-text: 248 58 58;
  234.  
  235.    /* Product colors */
  236.    --on-sale-text: 180 128 242;
  237.    --on-sale-badge-background: 180 128 242;
  238.    --on-sale-badge-text: 0 0 0;
  239.    --sold-out-badge-background: 180 128 242;
  240.    --sold-out-badge-text: 0 0 0;
  241.    --primary-badge-background: 180 128 242;
  242.    --primary-badge-text: 0 0 0;
  243.    --star-color: 180 128 242;
  244.    --product-card-background: 26 7 40;
  245.    --product-card-text: 255 255 255;
  246.  
  247.    /* Header colors */
  248.    --header-background: 16 0 27;
  249.    --header-text: 255 255 255;
  250.  
  251.    /* Footer colors */
  252.    --footer-background: 16 0 27;
  253.    --footer-text: 255 255 255;
  254.  
  255.    /* Rounded variables (used for border radius) */
  256.    --rounded-xs: 0.25rem;
  257.    --rounded-sm: 0.375rem;
  258.    --rounded: 0.75rem;
  259.    --rounded-lg: 1.5rem;
  260.    --rounded-full: 9999px;
  261.  
  262.    --rounded-button: 3.75rem;
  263.    --rounded-input: 0.5rem;
  264.  
  265.    /* Box shadow */
  266.    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
  267.    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
  268.    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
  269.    --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1);
  270.  
  271.    /**
  272.     * ---------------------------------------------------------------------
  273.     * OTHER
  274.     * ---------------------------------------------------------------------
  275.     */
  276.  
  277.    --stagger-products-reveal-opacity: 0;
  278.    --cursor-close-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-close.svg?v=147174565022153725511743225629);
  279.    --cursor-zoom-in-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-zoom-in.svg?v=154953035094101115921743225629);
  280.    --cursor-zoom-out-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-zoom-out.svg?v=16155520337305705181743225629);
  281.    --checkmark-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/checkmark.svg?v=77552481021870063511743225629);
  282.  }
  283.  
  284.  [dir="rtl"]:root {
  285.    /* RTL support */
  286.    --transform-logical-flip: -1;
  287.    --transform-origin-start: right;
  288.    --transform-origin-end: left;
  289.  }
  290.  
  291.  @media screen and (min-width: 700px) {
  292.    :root {
  293.      /* Typography (font size) */
  294.      --text-h0: 4rem;
  295.      --text-h1: 3rem;
  296.      --text-h2: 2.5rem;
  297.      --text-h3: 2rem;
  298.      --text-h4: 1.625rem;
  299.      --text-h5: 1.25rem;
  300.      --text-h6: 1.125rem;
  301.  
  302.      --text-xs: 0.75rem;
  303.      --text-sm: 0.875rem;
  304.      --text-base: 1.0rem;
  305.      --text-lg: 1.25rem;
  306.  
  307.      /* Spacing */
  308.      --container-gutter: 2rem;
  309.      --section-outer-spacing-block: var(--spacing-16);
  310.      --section-inner-max-spacing-block: var(--spacing-12);
  311.      --section-inner-spacing-inline: var(--spacing-12);
  312.      --section-stack-spacing-block: var(--spacing-12);
  313.  
  314.      /* Grid gutter */
  315.      --grid-gutter: var(--spacing-6);
  316.  
  317.      /* Product list settings */
  318.      --product-list-row-gap: var(--spacing-12);
  319.  
  320.      /* Form settings */
  321.      --input-gap: 1rem;
  322.      --input-height: 3.125rem;
  323.      --input-padding-inline: var(--spacing-5);
  324.    }
  325.  }
  326.  
  327.  @media screen and (min-width: 1000px) {
  328.    :root {
  329.      /* Spacing settings */
  330.      --container-gutter: var(--spacing-12);
  331.      --section-outer-spacing-block: var(--spacing-18);
  332.      --section-inner-max-spacing-block: var(--spacing-16);
  333.      --section-inner-spacing-inline: var(--spacing-16);
  334.      --section-stack-spacing-block: var(--spacing-12);
  335.    }
  336.  }
  337.  
  338.  @media screen and (min-width: 1150px) {
  339.    :root {
  340.      /* Spacing settings */
  341.      --container-gutter: var(--spacing-12);
  342.      --section-outer-spacing-block: var(--spacing-20);
  343.      --section-inner-max-spacing-block: var(--spacing-16);
  344.      --section-inner-spacing-inline: var(--spacing-16);
  345.      --section-stack-spacing-block: var(--spacing-12);
  346.    }
  347.  }
  348.  
  349.  @media screen and (min-width: 1400px) {
  350.    :root {
  351.      /* Typography (font size) */
  352.      --text-h0: 5rem;
  353.      --text-h1: 3.75rem;
  354.      --text-h2: 3rem;
  355.      --text-h3: 2.25rem;
  356.      --text-h4: 2rem;
  357.      --text-h5: 1.5rem;
  358.      --text-h6: 1.25rem;
  359.  
  360.      --section-outer-spacing-block: var(--spacing-24);
  361.      --section-inner-max-spacing-block: var(--spacing-18);
  362.      --section-inner-spacing-inline: var(--spacing-18);
  363.    }
  364.  }
  365.  
  366.  @media screen and (min-width: 1600px) {
  367.    :root {
  368.      --section-outer-spacing-block: var(--spacing-24);
  369.      --section-inner-max-spacing-block: var(--spacing-20);
  370.      --section-inner-spacing-inline: var(--spacing-20);
  371.    }
  372.  }
  373.  
  374.  /**
  375.   * ---------------------------------------------------------------------
  376.   * LIQUID DEPENDANT CSS
  377.   *
  378.   * Our main CSS is Liquid free, but some very specific features depend on
  379.   * theme settings, so we have them here
  380.   * ---------------------------------------------------------------------
  381.   */@media screen and (pointer: fine) {
  382.        .button:not([disabled]):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover {
  383.          --button-background-opacity: 0.85;
  384.        }
  385.  
  386.        .button--subdued:not([disabled]):hover {
  387.          --button-background: var(--text-color) / .05 !important;
  388.        }
  389.      }</style><script>
  390.  // This allows to expose several variables to the global scope, to be used in scripts
  391.  window.themeVariables = {
  392.    settings: {
  393.      showPageTransition: null,
  394.      staggerProductsApparition: true,
  395.      reduceDrawerAnimation: false,
  396.      reduceMenuAnimation: false,
  397.      headingApparition: "split_fade",
  398.      pageType: "index",
  399.      moneyFormat: "${{amount}}",
  400.      moneyWithCurrencyFormat: "${{amount}} USD",
  401.      currencyCodeEnabled: false,
  402.      cartType: "popover",
  403.      showDiscount: true,
  404.      discountMode: "percentage",
  405.      pageBackground: "#10001b",
  406.      textColor: "#ffffff"
  407.    },
  408.  
  409.    strings: {
  410.      accessibilityClose: "Close",
  411.      accessibilityNext: "Next",
  412.      accessibilityPrevious: "Previous",
  413.      closeGallery: "Close gallery",
  414.      zoomGallery: "Zoom",
  415.      errorGallery: "Image cannot be loaded",
  416.      searchNoResults: "No results could be found.",
  417.      addOrderNote: "Add order note",
  418.      editOrderNote: "Edit order note",
  419.      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
  420.      shippingEstimatorOneResult: "There is one shipping rate for your address:",
  421.      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
  422.      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:"
  423.    },
  424.  
  425.    breakpoints: {
  426.      'sm': 'screen and (min-width: 700px)',
  427.      'md': 'screen and (min-width: 1000px)',
  428.      'lg': 'screen and (min-width: 1150px)',
  429.      'xl': 'screen and (min-width: 1400px)',
  430.  
  431.      'sm-max': 'screen and (max-width: 699px)',
  432.      'md-max': 'screen and (max-width: 999px)',
  433.      'lg-max': 'screen and (max-width: 1149px)',
  434.      'xl-max': 'screen and (max-width: 1399px)'
  435.    }
  436.  };
  437.  
  438.  // For detecting native share
  439.  document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script><script>
  440.      if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
  441.        const importMapPolyfill = document.createElement('script');
  442.        importMapPolyfill.async = true;
  443.        importMapPolyfill.src = "//www.iamkarra.com/cdn/shop/t/6/assets/es-module-shims.min.js?v=54064861605372301331743225615";
  444.  
  445.        document.head.appendChild(importMapPolyfill);
  446.      }
  447.    </script>
  448.  
  449.    <script type="importmap">{
  450.        "imports": {
  451.          "vendor": "//www.iamkarra.com/cdn/shop/t/6/assets/vendor.min.js?v=57795131039271286711743225615",
  452.          "theme": "//www.iamkarra.com/cdn/shop/t/6/assets/theme.js?v=103011424272941110861743225615",
  453.          "photoswipe": "//www.iamkarra.com/cdn/shop/t/6/assets/photoswipe.min.js?v=13374349288281597431743225615"
  454.        }
  455.      }
  456.    </script>
  457.  
  458.    <script type="module" src="//www.iamkarra.com/cdn/shop/t/6/assets/vendor.min.js?v=57795131039271286711743225615"></script>
  459.    <script type="module" src="//www.iamkarra.com/cdn/shop/t/6/assets/theme.js?v=103011424272941110861743225615"></script>
  460.  
  461.    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="KsvH-82uIKshurjQwa1PvtuX-zVOM2nfrazLUj7GSUg">
  462. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/66004943010/digital_wallets/dialog">
  463. <meta name="shopify-requires-components" content="true" product-ids="8598673948834">
  464. <meta name="shopify-checkout-api-token" content="25b02378638ea08313424cdb2635e46a">
  465. <meta id="in-context-paypal-metadata" data-shop-id="66004943010" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  466. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  467. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  468. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=66004943010" crossorigin="anonymous"></script>
  469. <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":66004943010,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/66004943010","merchantName":"KARRA","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"KARRA","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
  470. <script id="shopify-features" type="application/json">{"accessToken":"25b02378638ea08313424cdb2635e46a","betas":["rich-media-storefront-analytics"],"domain":"www.iamkarra.com","predictiveSearch":true,"shopId":66004943010,"locale":"en"}</script>
  471. <script>var Shopify = Shopify || {};
  472. Shopify.shop = "gw2y2q-ur.myshopify.com";
  473. Shopify.locale = "en";
  474. Shopify.currency = {"active":"USD","rate":"1.0"};
  475. Shopify.country = "US";
  476. Shopify.theme = {"name":"Impact","id":140266864802,"schema_name":"Impact","schema_version":"6.6.0","theme_store_id":1190,"role":"main"};
  477. Shopify.theme.handle = "null";
  478. Shopify.theme.style = {"id":null,"handle":null};
  479. Shopify.cdnHost = "www.iamkarra.com/cdn";
  480. Shopify.routes = Shopify.routes || {};
  481. Shopify.routes.root = "/";</script>
  482. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  483. <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>
  484. <script>
  485.  window.ShopifyPay = window.ShopifyPay || {};
  486.  window.ShopifyPay.apiHost = "shop.app\/pay";
  487.  window.ShopifyPay.redirectState = null;
  488. </script>
  489. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  490. <script defer="defer" async type="module" src="//www.iamkarra.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DKFKhg28.en.esm.js"></script>
  491. <script defer="defer" async type="module" src="//www.iamkarra.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_BTm99owI.esm.js"></script>
  492. <script type="module">
  493.  await import("//www.iamkarra.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DKFKhg28.en.esm.js");
  494. await import("//www.iamkarra.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_BTm99owI.esm.js");
  495.  
  496.  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
  497.  
  498. </script>
  499. <script>
  500.  window.Shopify = window.Shopify || {};
  501.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  502.  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_BBXdwvUQ.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"init-windoid":["modules/v2/client.init-windoid_GlKJiJm_.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BrNh0wKG.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Bn8_XV_B.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"shop-button":["modules/v2/client.shop-button_Bop9N34-.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_cq9rifib.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_DKFKhg28.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DSXszq7Z.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_j9pzFEkp.en.esm.js","modules/v2/client.shop-login-button_BJRCXtfZ.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BwMQXfcc.en.esm.js","modules/v2/client.shop-login-button_BJRCXtfZ.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CF6kXFHx.en.esm.js","modules/v2/client.shop-login-button_BJRCXtfZ.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BJRCXtfZ.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"shop-login":["modules/v2/client.shop-login_Npizbo_8.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"pay-button":["modules/v2/client.pay-button_DMEF92lz.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BY8QZA4E.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_B0vvReh-.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CzCjt4ua.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"],"payment-terms":["modules/v2/client.payment-terms_La99uirw.en.esm.js","modules/v2/chunk.common_BTm99owI.esm.js","modules/v2/chunk.modal_CJ6Wvl8k.esm.js"]};
  503. </script>
  504. <script>(function() {
  505.  var isLoaded = false;
  506.  function asyncLoad() {
  507.    if (isLoaded) return;
  508.    isLoaded = true;
  509.    var urls = ["https:\/\/pixel.wetracked.io\/gw2y2q-ur.myshopify.com\/events.js?shop=gw2y2q-ur.myshopify.com"];
  510.    for (var i = 0; i < urls.length; i++) {
  511.      var s = document.createElement('script');
  512.      s.type = 'text/javascript';
  513.      s.async = true;
  514.      s.src = urls[i];
  515.      var x = document.getElementsByTagName('script')[0];
  516.      x.parentNode.insertBefore(s, x);
  517.    }
  518.  };
  519.  if(window.attachEvent) {
  520.    window.attachEvent('onload', asyncLoad);
  521.  } else {
  522.    window.addEventListener('load', asyncLoad, false);
  523.  }
  524. })();</script>
  525. <script id="__st">var __st={"a":66004943010,"offset":-25200,"reqid":"5d3228a7-9b2a-491e-9eb6-405732a249f9-1760669303","pageurl":"www.iamkarra.com\/?srsltid=AfmBOorSk_HkRrfz7KkjUsyFNTfCvqRZ9KhBUgi0u7r_Jv-IsmV937LK","u":"0a916d33f622","p":"home"};</script>
  526. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  527. <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>
  528. <script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.iamkarra.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
  529. <script crossorigin="anonymous" defer="defer" src="//www.iamkarra.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
  530. <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://www.iamkarra.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  531. </script>
  532. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  533.  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);
  534. </script>
  535. <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})}}));
  536. </script>
  537. <link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.iamkarra.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  538. <style id="shopify-accelerated-checkout-cart">
  539.        #shopify-buyer-consent {
  540.  margin-top: 1em;
  541.  display: inline-block;
  542.  width: 100%;
  543. }
  544.  
  545. #shopify-buyer-consent.hidden {
  546.  display: none;
  547. }
  548.  
  549. #shopify-subscription-policy-button {
  550.  background: none;
  551.  border: none;
  552.  padding: 0;
  553.  text-decoration: underline;
  554.  font-size: inherit;
  555.  cursor: pointer;
  556. }
  557.  
  558. #shopify-subscription-policy-button::before {
  559.  box-shadow: none;
  560. }
  561.  
  562.      </style>
  563.  
  564. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  565. <link href="//www.iamkarra.com/cdn/shop/t/6/assets/theme.css?v=19871349587204975441743225615" rel="stylesheet" type="text/css" media="all" /><script src="https://cdn.shopify.com/extensions/0199ed94-73ff-7892-af02-6cf6ab379a2c/essential-countdown-timer-47/assets/countdown_timer_essential_apps.min.js" type="text/javascript" defer="defer"></script>
  566. <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  567. <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: 66004943010,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>
  568. <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: 66004943010,storefrontBaseUrl: "https://www.iamkarra.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"811892898","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-MRLGZJMH\\\",\\\"google_tag_ids\\\":[\\\"GT-MRLGZJMH\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-K74PW3R9TG\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-K74PW3R9TG\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-K74PW3R9TG\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[]}},{"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":"KARRA","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"gw2y2q-ur.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.iamkarra.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.iamkarra.com/cdn","98688ed7w4720d202p17656315m70f274df",{"modern":"","legacy":""},{"shopId":"66004943010","storefrontBaseUrl":"https:\/\/www.iamkarra.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"98688ed7w4720d202p17656315m70f274df","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  569.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  570.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  571.  window.ShopifyAnalytics.meta.currency = 'USD';
  572.  var meta = {"page":{"pageType":"home"}};
  573.  for (var attr in meta) {
  574.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  575.  }
  576. </script>
  577. <script class="analytics">
  578.  (function () {
  579.    var customDocumentWrite = function(content) {
  580.      var jquery = null;
  581.  
  582.      if (window.jQuery) {
  583.        jquery = window.jQuery;
  584.      } else if (window.Checkout && window.Checkout.$) {
  585.        jquery = window.Checkout.$;
  586.      }
  587.  
  588.      if (jquery) {
  589.        jquery('body').append(content);
  590.      }
  591.    };
  592.  
  593.    var hasLoggedConversion = function(token) {
  594.      if (token) {
  595.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  596.      }
  597.      return false;
  598.    }
  599.  
  600.    var setCookieIfConversion = function(token) {
  601.      if (token) {
  602.        var twoMonthsFromNow = new Date(Date.now());
  603.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  604.  
  605.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  606.      }
  607.    }
  608.  
  609.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  610.    if (trekkie.integrations) {
  611.      return;
  612.    }
  613.    trekkie.methods = [
  614.      'identify',
  615.      'page',
  616.      'ready',
  617.      'track',
  618.      'trackForm',
  619.      'trackLink'
  620.    ];
  621.    trekkie.factory = function(method) {
  622.      return function() {
  623.        var args = Array.prototype.slice.call(arguments);
  624.        args.unshift(method);
  625.        trekkie.push(args);
  626.        return trekkie;
  627.      };
  628.    };
  629.    for (var i = 0; i < trekkie.methods.length; i++) {
  630.      var key = trekkie.methods[i];
  631.      trekkie[key] = trekkie.factory(key);
  632.    }
  633.    trekkie.load = function(config) {
  634.      trekkie.config = config || {};
  635.      trekkie.config.initialDocumentCookie = document.cookie;
  636.      var first = document.getElementsByTagName('script')[0];
  637.      var script = document.createElement('script');
  638.      script.type = 'text/javascript';
  639.      script.onerror = function(e) {
  640.        var scriptFallback = document.createElement('script');
  641.        scriptFallback.type = 'text/javascript';
  642.        scriptFallback.onerror = function(error) {
  643.                var Monorail = {
  644.      produce: function produce(monorailDomain, schemaId, payload) {
  645.        var currentMs = new Date().getTime();
  646.        var event = {
  647.          schema_id: schemaId,
  648.          payload: payload,
  649.          metadata: {
  650.            event_created_at_ms: currentMs,
  651.            event_sent_at_ms: currentMs
  652.          }
  653.        };
  654.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  655.      },
  656.      sendRequest: function sendRequest(endpointUrl, payload) {
  657.        // Try the sendBeacon API
  658.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  659.          var blobData = new window.Blob([payload], {
  660.            type: 'text/plain'
  661.          });
  662.  
  663.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  664.            return true;
  665.          } // sendBeacon was not successful
  666.  
  667.        } // XHR beacon
  668.  
  669.        var xhr = new XMLHttpRequest();
  670.  
  671.        try {
  672.          xhr.open('POST', endpointUrl);
  673.          xhr.setRequestHeader('Content-Type', 'text/plain');
  674.          xhr.send(payload);
  675.        } catch (e) {
  676.          console.log(e);
  677.        }
  678.  
  679.        return false;
  680.      },
  681.      isIos12: function isIos12() {
  682.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  683.      }
  684.    };
  685.    Monorail.produce('monorail-edge.shopifysvc.com',
  686.      'trekkie_storefront_load_errors/1.1',
  687.      {shop_id: 66004943010,
  688.      theme_id: 140266864802,
  689.      app_name: "storefront",
  690.      context_url: window.location.href,
  691.      source_url: "//www.iamkarra.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js"});
  692.  
  693.        };
  694.        scriptFallback.async = true;
  695.        scriptFallback.src = '//www.iamkarra.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js';
  696.        first.parentNode.insertBefore(scriptFallback, first);
  697.      };
  698.      script.async = true;
  699.      script.src = '//www.iamkarra.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js';
  700.      first.parentNode.insertBefore(script, first);
  701.    };
  702.    trekkie.load(
  703.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":66004943010,"isMerchantRequest":null,"themeId":140266864802,"themeCityHash":"12881651748141068494","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  704.    );
  705.  
  706.    var loaded = false;
  707.    trekkie.ready(function() {
  708.      if (loaded) return;
  709.      loaded = true;
  710.  
  711.      window.ShopifyAnalytics.lib = window.trekkie;
  712.  
  713.      var originalDocumentWrite = document.write;
  714.      document.write = customDocumentWrite;
  715.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  716.      document.write = originalDocumentWrite;
  717.  
  718.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  719.  
  720.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  721.      var token = match? match[1]: undefined;
  722.      if (!hasLoggedConversion(token)) {
  723.        setCookieIfConversion(token);
  724.        
  725.      }
  726.    });
  727.  
  728.  
  729.        var eventsListenerScript = document.createElement('script');
  730.        eventsListenerScript.async = true;
  731.        eventsListenerScript.src = "//www.iamkarra.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
  732.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  733.  
  734. })();</script>
  735. <script
  736.  defer
  737.  src="https://www.iamkarra.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.17.min.js"
  738.  data-application="storefront-renderer"
  739.  data-shop-id="66004943010"
  740.  data-render-region="gcp-us-east1"
  741.  data-page-type="index"
  742.  data-theme-instance-id="140266864802"
  743.  data-theme-name="Impact"
  744.  data-theme-version="6.6.0"
  745.  data-monorail-region="shop_domain"
  746.  data-resource-timing-sampling-rate="10"
  747.  data-shs="true"
  748.  data-shs-beacon="true"
  749.  data-shs-export-with-fetch="true"
  750.  data-shs-logs-sample-rate="1"
  751. ></script>
  752. </head>
  753.  
  754.  <body class="zoom-image--enabled"><!-- DRAWER -->
  755. <template id="drawer-default-template">
  756.  <style>
  757.    [hidden] {
  758.      display: none !important;
  759.    }
  760.  </style>
  761.  
  762.  <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
  763.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  764.      </svg></button>
  765.  
  766.  <div part="overlay"></div>
  767.  
  768.  <div part="content">
  769.    <header part="header">
  770.      <slot name="header"></slot>
  771.  
  772.      <button part="close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
  773.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  774.      </svg></button>
  775.    </header>
  776.  
  777.    <div part="body">
  778.      <slot></slot>
  779.    </div>
  780.  
  781.    <footer part="footer">
  782.      <slot name="footer"></slot>
  783.    </footer>
  784.  </div>
  785. </template>
  786.  
  787. <!-- POPOVER -->
  788. <template id="popover-default-template">
  789.  <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
  790.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  791.      </svg></button>
  792.  
  793.  <div part="overlay"></div>
  794.  
  795.  <div part="content">
  796.    <header part="title">
  797.      <slot name="title"></slot>
  798.    </header>
  799.  
  800.    <div part="body">
  801.      <slot></slot>
  802.    </div>
  803.  </div>
  804. </template><a href="#main" class="skip-to-content sr-only">Skip to content</a><!-- BEGIN sections: header-group -->
  805. <header id="shopify-section-sections--17710601830562__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style>
  806.  :root {
  807.    --sticky-header-enabled:1;
  808.  }
  809.  
  810.  #shopify-section-sections--17710601830562__header {
  811.    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
  812.    --header-padding-block: var(--spacing-4-5);
  813.    --header-background-opacity: 1.0;
  814.    --header-background-blur-radius: 0px;
  815.    --header-transparent-text-color: 255 255 255;--header-logo-width: 100px;
  816.      --header-logo-height: 27px;position: sticky;
  817.    top: 0;
  818.    z-index: 10;
  819.  }.shopify-section--announcement-bar ~ #shopify-section-sections--17710601830562__header {
  820.      top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
  821.    }@media screen and (min-width: 700px) {
  822.    #shopify-section-sections--17710601830562__header {--header-logo-width: 120px;
  823.        --header-logo-height: 32px;--header-padding-block: var(--spacing-8-5);
  824.    }
  825.  }@media screen and (min-width: 1150px) {#shopify-section-sections--17710601830562__header {
  826.        --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr);
  827.      }
  828.    }</style>
  829.  
  830. <height-observer variable="header">
  831.  <store-header class="header"  sticky>
  832.    <div class="header__wrapper"><div class="header__main-nav">
  833.        <div class="header__icon-list">
  834.          <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu">
  835.            <span class="sr-only">Menu</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-hamburger" viewBox="0 0 22 22">
  836.        <path d="M1 5h20M1 11h20M1 17h20" stroke="currentColor" stroke-linecap="round"></path>
  837.      </svg></button>
  838.  
  839.          <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer">
  840.            <span class="sr-only">Search</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
  841.        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
  842.        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  843.      </svg></a><nav class="header__link-list justify-center wrap" role="navigation">
  844.              <ul class="contents" role="list">
  845.  
  846.                  <li><a href="/collections/vocal-sample-packs" class="bold link-faded-reverse" >Sample Packs</a></li>
  847.  
  848.                  <li><details class="relative" is="dropdown-disclosure" trigger="hover">
  849.                          <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/vocal-templates">Templates<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
  850.        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
  851.      </svg></summary>
  852.  
  853.                          <div class="dropdown-menu dropdown-menu--restrictable">
  854.                            <ul class="contents" role="list"><li><a href="/products/logic-vocal-template" class="dropdown-menu__item group" >
  855.                                      <span><span class="reversed-link">Logic Pro</span></span>
  856.                                    </a></li><li><a href="/products/ableton-vocal-template" class="dropdown-menu__item group" >
  857.                                      <span><span class="reversed-link">Ableton</span></span>
  858.                                    </a></li><li><a href="/products/fl-studio-vocal-template" class="dropdown-menu__item group" >
  859.                                      <span><span class="reversed-link">FL Studio</span></span>
  860.                                    </a></li><li><a href="/products/pro-tools-template" class="dropdown-menu__item group" >
  861.                                      <span><span class="reversed-link">Pro Tools</span></span>
  862.                                    </a></li><li><a href="/products/studio-one-vocal-template" class="dropdown-menu__item group" >
  863.                                      <span><span class="reversed-link">Studio One</span></span>
  864.                                    </a></li><li><a href="/products/cubase-vocal-template" class="dropdown-menu__item group" >
  865.                                      <span><span class="reversed-link">Cubase</span></span>
  866.                                    </a></li></ul>
  867.                          </div>
  868.                        </details></li>
  869.  
  870.                  <li><details class="relative" is="dropdown-disclosure" trigger="hover">
  871.                          <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/presets">Presets<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
  872.        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
  873.      </svg></summary>
  874.  
  875.                          <div class="dropdown-menu dropdown-menu--restrictable">
  876.                            <ul class="contents" role="list"><li><a href="/collections/waves-studioverse" class="dropdown-menu__item group" >
  877.                                      <span><span class="reversed-link">Waves Presets</span></span>
  878.                                    </a></li><li><a href="/collections/serum-banks" class="dropdown-menu__item group" >
  879.                                      <span><span class="reversed-link">Serum Presets</span></span>
  880.                                    </a></li><li><a href="/collections/izotope-presets" class="dropdown-menu__item group" >
  881.                                      <span><span class="reversed-link">iZotope Presets</span></span>
  882.                                    </a></li></ul>
  883.                          </div>
  884.                        </details></li>
  885.  
  886.                  <li><a href="/collections/courses" class="bold link-faded-reverse" >Courses</a></li>
  887.  
  888.                  <li><a href="/pages/contact" class="bold link-faded-reverse" >Contact</a></li>
  889.  
  890.                  <li><a href="/blogs/news" class="bold link-faded-reverse" >Blog</a></li></ul>
  891.            </nav></div>
  892.      </div><h1 class="header__logo">
  893.          <a href="/"><span class="sr-only">KARRA</span><img src="//www.iamkarra.com/cdn/shop/files/karra_logo_1.png?v=1740285133&amp;width=764" alt="" srcset="//www.iamkarra.com/cdn/shop/files/karra_logo_1.png?v=1740285133&amp;width=240 240w, //www.iamkarra.com/cdn/shop/files/karra_logo_1.png?v=1740285133&amp;width=360 360w" width="764" height="206" sizes="120px" class="header__logo-image"></a>
  894.        </h1>
  895.      
  896. <div class="header__secondary-nav"><ul class="header__icon-list"><li>
  897.            <a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer">
  898.              <span class="sr-only">Search</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
  899.        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
  900.        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  901.      </svg></a>
  902.          </li><li>
  903.              <a href="https://www.iamkarra.com/customer_authentication/redirect?locale=en&region_country=US" class="hidden tap-area sm:block">
  904.                <span class="sr-only">Login</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-account" viewBox="0 0 22 22">
  905.        <circle cx="11" cy="7" r="4" fill="none" stroke="currentColor"></circle>
  906.        <path d="M3.5 19c1.421-2.974 4.247-5 7.5-5s6.079 2.026 7.5 5" fill="none" stroke="currentColor" stroke-linecap="round"></path>
  907.      </svg></a>
  908.            </li><li>
  909.            <a href="/cart" data-no-instant class="relative block tap-area" aria-controls="cart-drawer">
  910.              <span class="sr-only">Cart</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-cart" viewBox="0 0 22 22">
  911.            <path d="M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  912.          </svg><div class="header__cart-count">
  913.                <cart-count class="count-bubble opacity-0">
  914.                  <span class="sr-only">0 items</span>
  915.                  <span aria-hidden="true">0</span>
  916.                </cart-count>
  917.              </div>
  918.            </a>
  919.          </li>
  920.        </ul>
  921.      </div>
  922.    </div>
  923.  </store-header>
  924. </height-observer><navigation-drawer mobile-opening="bottom" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" >
  925.    <button is="close-button" aria-label="Close"class="sm-max:hidden"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24">
  926.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  927.      </svg></button><div class="panel-list__wrapper">
  928.  <div class="panel">
  929.    <div class="panel__wrapper" >
  930.      <div class="panel__scroller v-stack gap-8"><ul class="v-stack gap-4">
  931. <li class="h3 sm:h4"><a href="/collections/vocal-sample-packs" class="group block w-full">
  932.                  <span><span class="reversed-link">Sample Packs</span></span>
  933.                </a></li>
  934. <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0">
  935.                  <span>Templates</span>
  936.                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
  937.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  938.      </svg></span>
  939.                </button></li>
  940. <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1">
  941.                  <span>Presets</span>
  942.                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
  943.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  944.      </svg></span>
  945.                </button></li>
  946. <li class="h3 sm:h4"><a href="/collections/courses" class="group block w-full">
  947.                  <span><span class="reversed-link">Courses</span></span>
  948.                </a></li>
  949. <li class="h3 sm:h4"><a href="/pages/contact" class="group block w-full">
  950.                  <span><span class="reversed-link">Contact</span></span>
  951.                </a></li>
  952. <li class="h3 sm:h4"><a href="/blogs/news" class="group block w-full">
  953.                  <span><span class="reversed-link">Blog</span></span>
  954.                </a></li></ul></div><div class="panel-footer v-stack gap-5"><ul class="social-media " role="list"><li>
  955.      <a href="https://www.facebook.com/karramusic/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
  956.        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
  957.      </svg></a>
  958.    </li><li>
  959.      <a href="https://x.com/IAMKarraMusic" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
  960.        <path d="M16.94 4h2.715l-5.93 6.777L20.7 20h-5.462l-4.278-5.593L6.065 20H3.35l6.342-7.25L3 4h5.6l3.868 5.113L16.94 4Zm-.952 14.375h1.504L7.784 5.54H6.17l9.818 12.836Z" fill="currentColor"/>
  961.      </svg></a>
  962.    </li><li>
  963.      <a href="https://www.instagram.com/iamkarramusic/?hl=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
  964.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
  965.      </svg></a>
  966.    </li><li>
  967.      <a href="https://www.youtube.com/channel/UCLwDLGL3Ejqu-xJp57CptRg" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
  968.        <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/>
  969.      </svg></a>
  970.    </li><li>
  971.      <a href="https://www.tiktok.com/@iamkarramusic" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewBox="0 0 24 24">
  972.        <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
  973.      </svg></a>
  974.    </li><li>
  975.      <a href="https://open.spotify.com/artist/24CzPFC4y3bM4AkUnZfuAU" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Spotify"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-spotify" viewBox="0 0 24 24">
  976.        <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm4.586 14.423a.623.623 0 0 1-.857.206c-2.348-1.434-5.304-1.759-8.785-.964a.623.623 0 0 1-.277-1.215c3.809-.87 7.076-.496 9.712 1.115.294.18.387.564.207.858ZM17.81 13.7a.78.78 0 0 1-1.072.257c-2.688-1.652-6.786-2.13-9.965-1.166A.78.78 0 0 1 6.32 11.3c3.631-1.102 8.146-.568 11.233 1.329a.78.78 0 0 1 .257 1.072Zm.105-2.836c-3.223-1.914-8.54-2.09-11.618-1.156a.935.935 0 1 1-.543-1.79c3.533-1.072 9.405-.865 13.116 1.338a.934.934 0 1 1-.955 1.608Z" fill="currentColor"/>
  977.      </svg></a>
  978.    </li></ul><div class="panel-footer__localization-wrapper h-stack gap-6 border-t md:hidden"><a href="/account" class="panel-footer__account-link bold text-sm">Account</a></div></div></div>
  979.  </div><div class="panel gap-8">
  980.      <div class="panel__wrapper"  hidden>
  981.                  <ul class="v-stack gap-4">
  982.                    <li class="lg:hidden">
  983.                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
  984.        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
  985.      </svg>Templates
  986.                      </button>
  987.                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/products/logic-vocal-template"><span><span class="reversed-link">Logic Pro</span></span>
  988.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/ableton-vocal-template"><span><span class="reversed-link">Ableton</span></span>
  989.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/fl-studio-vocal-template"><span><span class="reversed-link">FL Studio</span></span>
  990.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/pro-tools-template"><span><span class="reversed-link">Pro Tools</span></span>
  991.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/studio-one-vocal-template"><span><span class="reversed-link">Studio One</span></span>
  992.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/cubase-vocal-template"><span><span class="reversed-link">Cubase</span></span>
  993.                            </a></li></ul></div><div class="panel__wrapper"  hidden>
  994.                  <ul class="v-stack gap-4">
  995.                    <li class="lg:hidden">
  996.                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
  997.        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
  998.      </svg>Presets
  999.                      </button>
  1000.                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/waves-studioverse"><span><span class="reversed-link">Waves Presets</span></span>
  1001.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/serum-banks"><span><span class="reversed-link">Serum Presets</span></span>
  1002.                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/izotope-presets"><span><span class="reversed-link">iZotope Presets</span></span>
  1003.                            </a></li></ul></div>
  1004.    </div></div></navigation-drawer><script>
  1005.  document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--17710601830562__header').clientHeight) + 'px');
  1006. </script>
  1007.  
  1008. </header>
  1009. <!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
  1010. <div id="shopify-section-sections--17710601863330__newsletter-popup" class="shopify-section shopify-section-group-overlay-group shopify-section--popup"><newsletter-popup id="newsletter-drawer" open-from="right" class="drawer newsletter-drawer" only-once apparition-delay="5"  handle-section-events>
  1011.      <button is="close-button" aria-label="Close" class="sm-max:hidden"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24">
  1012.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  1013.      </svg></button><div class="newsletter-drawer__content v-stack gap-4 text-center">
  1014.        <div class="v-stack gap-6"><p class="h5">Signup for our newsletter</p><form method="post" action="/contact#newsletter-sections--17710601863330__newsletter-popup" id="newsletter-sections--17710601863330__newsletter-popup" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><div class="fieldset">
  1015.                <input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-sections--17710601863330__newsletter-popup--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" "
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  autocomplete="email"
  1021.  
  1022.  
  1023.  required
  1024.  
  1025. ><label for="input-sections--17710601863330__newsletter-popup--contactemail" class="floating-label">E-mail</label></div></div>
  1026. <button type="submit" class="button button--xl"
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  is="custom-button"
  1035. >
  1036.    <div class="text-with-icon justify-center"><svg role="presentation" fill="none" focusable="false" stroke-width="2" width="18" height="18" class="icon icon-picto-envelope" viewBox="0 0 24 24">
  1037.        <path d="M1.77 18.063a3.586 3.586 0 0 0 3.174 3.11c2.278.24 4.637.49 7.056.49 2.417 0 4.778-.252 7.056-.49a3.584 3.584 0 0 0 3.175-3.11c.243-1.96.483-3.987.483-6.063 0-2.074-.24-4.102-.483-6.063a3.586 3.586 0 0 0-3.175-3.112c-2.278-.236-4.639-.487-7.056-.487s-4.778.252-7.056.49a3.583 3.583 0 0 0-3.175 3.11c-.243 1.96-.483 3.988-.483 6.062 0 2.074.24 4.102.483 6.063Z" fill="currentColor" fill-opacity=".12" stroke="currentColor" stroke-linejoin="round"/>
  1038.        <path d="m1.817 5.493 8.06 6.356a3.428 3.428 0 0 0 4.245 0l8.06-6.356" stroke="currentColor" stroke-linejoin="round"/>
  1039.      </svg>Subscribe</div></button></form></div><p class="text-xs text-subdued">Describe what your customers will receive when subscribing to your newsletter.</p></div>
  1040.    </newsletter-popup></div><div id="shopify-section-sections--17710601863330__cart-drawer" class="shopify-section shopify-section-group-overlay-group"><cart-drawer  class="cart-drawer drawer drawer--lg" id="cart-drawer"><button is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
  1041.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  1042.      </svg></button>
  1043.  
  1044.    <div class="empty-state align-self-center">
  1045.      <div class="empty-state__icon-wrapper"><svg role="presentation" stroke-width="1" focusable="false" width="32" height="32" class="icon icon-cart" viewBox="0 0 22 22">
  1046.            <path d="M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  1047.          </svg><span class="count-bubble count-bubble--lg">0</span>
  1048.      </div>
  1049.  
  1050.      <div class="prose">
  1051.        <p class="h5">Your cart is empty</p>
  1052. <a class="button button--xl"
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  href="/collections/all"
  1059.  
  1060.  
  1061. >Continue shopping</a></div>
  1062.    </div></cart-drawer>
  1063.  
  1064.  
  1065. </div><div id="shopify-section-sections--17710601863330__search-drawer" class="shopify-section shopify-section-group-overlay-group"><search-drawer  class="search-drawer  drawer drawer--lg" id="search-drawer">
  1066.  <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
  1067.    <div class="search-input">
  1068.      <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
  1069.      <button type="reset" class="text-subdued">Clear</button>
  1070.      <button type="button" is="close-button">
  1071.        <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
  1072.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  1073.      </svg></button>
  1074.    </div>
  1075.  
  1076.    <style>
  1077.      #shopify-section-sections--17710601863330__search-drawer {
  1078.        --predictive-search-column-count: 3;
  1079.      }
  1080.    </style>
  1081.  
  1082.    <input type="hidden" name="type" value="product">
  1083.  
  1084.    <predictive-search class="predictive-search" section-id="sections--17710601863330__search-drawer"><div slot="results"></div>
  1085.  
  1086.      <div slot="loading">
  1087.        <div class="v-stack gap-5 sm:gap-6 ">
  1088.          <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
  1089.  
  1090.          <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6">
  1091.                <span class="skeleton skeleton--thumbnail"></span>
  1092.  
  1093.                <div class="v-stack gap-3 w-full">
  1094.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1095.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1096.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1097.                </div>
  1098.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1099.                <span class="skeleton skeleton--thumbnail"></span>
  1100.  
  1101.                <div class="v-stack gap-3 w-full">
  1102.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1103.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1104.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1105.                </div>
  1106.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1107.                <span class="skeleton skeleton--thumbnail"></span>
  1108.  
  1109.                <div class="v-stack gap-3 w-full">
  1110.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1111.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1112.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1113.                </div>
  1114.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1115.                <span class="skeleton skeleton--thumbnail"></span>
  1116.  
  1117.                <div class="v-stack gap-3 w-full">
  1118.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1119.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1120.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1121.                </div>
  1122.              </div></div>
  1123.        </div></div>
  1124.    </predictive-search>
  1125.  </form>
  1126. </search-drawer>
  1127.  
  1128. </div>
  1129. <!-- END sections: overlay-group --><cart-notification-drawer open-from="bottom" class="quick-buy-drawer drawer"></cart-notification-drawer><main role="main" id="main" class="anchor">
  1130.      <section id="shopify-section-template--17710601207970__video_DMxbgT" class="shopify-section shopify-section--video"><style>
  1131.  #shopify-section-template--17710601207970__video_DMxbgT {--section-outer-spacing-block: 0;--content-over-media-overlay: 0 0 0 / 0.3;margin-block-start: calc(-1 * var(--header-height) * var(--section-is-first));}</style>
  1132.  
  1133. <div class="section   section-blends section-full text-custom"style="--text-color: 255 255 255;" allow-transparent-header><div class="content-over-media  full-bleed  text-custom"style="--text-color: 255 255 255;"><video-media autoplay  style="--aspect-ratio: 1.775"><video playsinline="true" preload="metadata" muted="muted" loop="loop" poster="//www.iamkarra.com/cdn/shop/files/preview_images/16967a034c4d47bdad6ae78a4f83960d.thumbnail.0000000000_800x.jpg?v=1740337839"><source src="//www.iamkarra.com/cdn/shop/videos/c/vp/16967a034c4d47bdad6ae78a4f83960d/16967a034c4d47bdad6ae78a4f83960d.HD-720p-1.6Mbps-43097474.mp4?v=0" type="video/mp4"><img src="//www.iamkarra.com/cdn/shop/files/preview_images/16967a034c4d47bdad6ae78a4f83960d.thumbnail.0000000000_800x.jpg?v=1740337839"></video></video-media><div class="place-self-center text-center">
  1134.        <div class="prose"><p class="h1" >KARRA Vocal Templates</p><p class="bold" >Record &amp; Mix with 100% Stock Plugins in your DAW</p>
  1135. <a class="button button--xl"
  1136.  style="--button-background: 180 128 242 / var(--button-background-opacity, 1);--button-outline-color: 180 128 242;--button-text-color: 255 255 255;"
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  href="/collections/vocal-templates"
  1142.  
  1143.  
  1144. >SHOP ALL VOCAL TEMPLATES</a>
  1145. </div>
  1146.      </div></div>
  1147. </div>
  1148.  
  1149. </section><section id="shopify-section-template--17710601207970__image-link-blocks" class="shopify-section shopify-section--image-link-blocks"><style>
  1150.  #shopify-section-template--17710601207970__image-link-blocks {
  1151.    --section-background-hash: 0;
  1152.  }
  1153.  
  1154.  #shopify-section-template--17710601207970__image-link-blocks + * {
  1155.    --previous-section-background-hash: 0;
  1156.  }</style><style>#shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1157.    --image-link-blocks-item-width: 48vw;
  1158.    --image-link-blocks-grid: auto / auto-flow var(--image-link-blocks-item-width);
  1159.  
  1160.    --content-over-media-gap: var(--grid-gutter);
  1161.  }
  1162.  
  1163.  @media screen and (min-width: 700px) {
  1164.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1165.      --image-link-blocks-item-width: 26vw;
  1166.    }
  1167.  }
  1168.  
  1169.  @media screen and (min-width: 1000px) {
  1170.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1171.      --image-link-blocks-items-per-row: 4;
  1172.      --image-link-blocks-grid: auto / auto-flow calc(var(--container-inner-width) / var(--image-link-blocks-items-per-row) - (var(--grid-gutter) / var(--image-link-blocks-items-per-row) * (var(--image-link-blocks-items-per-row) - 1)));
  1173.    }
  1174.  }
  1175.  
  1176.  @media screen and (min-width: 1400px) {
  1177.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1178.      --image-link-blocks-items-per-row: 5;
  1179.    }
  1180.  }
  1181. </style><div class="section   section-blends section-full">
  1182.  <div class="section-stack"><div class="floating-controls-container"><image-link-blocks id="scroll-area-template--17710601207970__image-link-blocks" class="image-link-blocks scroll-area bleed md:unbleed"><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/logic-vocal-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D_2.png?v=1741882679&amp;width=1200 1200w" width="1600" height="1600" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/ableton-vocal-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/ABLETON_TEMPLATE_3D_3.png?v=1741882758&amp;width=1200 1200w" width="1600" height="1600" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/fl-studio-vocal-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/FL_STUDIO_TEMPLATE_3D_1.png?v=1741882835&amp;width=1200 1200w" width="1600" height="1600" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/pro-tools-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/PRO_TOOLS_TEMPLATE_3D_1.png?v=1741905645&amp;width=1200 1200w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/studio-one-vocal-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/STUDIO_ONE_TEMPLATE_3D_2.png?v=1741883258&amp;width=1200 1200w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div><div class="image-link-blocks__item group rounded bg-secondary text-custom"style="--text-color: 255 255 255;" ><a href="/products/cubase-vocal-template" class="content-over-media rounded" style="--content-over-media-overlay: 0 0 0 / 0.0"><img src="//www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/CUBASE_TEMPLATE_3D_1.png?v=1741883926&amp;width=1200 1200w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 160px, 285px" class="zoom-image"></a></div></image-link-blocks>
  1183.  
  1184.      <button is="prev-button" class="circle-button circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__image-link-blocks" disabled>
  1185.        <span class="sr-only">Previous</span>
  1186.        <span class="animated-arrow animated-arrow--reverse"></span>
  1187.      </button>
  1188.  
  1189.      <button is="next-button" class="circle-button circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__image-link-blocks">
  1190.        <span class="sr-only">Next</span>
  1191.        <span class="animated-arrow"></span>
  1192.      </button>
  1193.    </div>
  1194.  </div>
  1195. </div>
  1196.  
  1197. </section><section id="shopify-section-template--17710601207970__image-with-text-overlay" class="shopify-section shopify-section--image-with-text-overlay"><style>
  1198.  #shopify-section-template--17710601207970__image-with-text-overlay {
  1199.    --section-background-hash: 0;
  1200.  }
  1201.  
  1202.  #shopify-section-template--17710601207970__image-with-text-overlay + * {
  1203.    --previous-section-background-hash: 0;
  1204.  }</style><style>
  1205.  #shopify-section-template--17710601207970__image-with-text-overlay {--content-over-media-overlay: 0 0 0 / 0.45;}
  1206. </style>
  1207.  
  1208. <div class="section   section-blends section-full text-custom"style="--text-color: 255 255 255;" ><image-banner reveal-on-scroll="true" parallax="0.3" class="content-over-media content-over-media--md shadow-block rounded-lg  text-custom"style="--text-color: 255 255 255;"><picture><img src="//www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=2560" alt="" srcset="//www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=900 900w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=1600 1600w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=1800 1800w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=2000 2000w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=2200 2200w, //www.iamkarra.com/cdn/shop/files/KARRA-VOCALS-1-COVER-BANNER-1-scaled.jpg?v=1740269777&amp;width=2400 2400w" width="2560" height="695" sizes="(max-width: 740px) calc(100vw - 40px), (max-width: 999px) calc(100vw - 64px), min(1600px, 100vw - 96px)" fetchpriority="low"></picture><div class="place-self-end-start text-start sm:place-self-end-start sm:text-start">
  1209.        <div class="prose"><p class="h2" reveal-on-scroll="true" ><split-lines>Karra Vocal Sample Pack Vol. 1</split-lines></p><p class="bold" >High Quality Vocals. 100% Royalty Free.</p><div ><p>KARRA Vocals Volume 1 features 500+ Royalty Free Vocal Samples for your music productions. Browse organized folders of Hooks, Phrases, Adlibs, Spoken, Opera, & more. All samples are labeled by Key, BPM, Wet & Dry for easy sampling in any DAW!</p></div>
  1210. <a class="button button--xl"
  1211.  
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  href="/products/karra-vocal-sample-pack-vol-1"
  1217.  
  1218.  
  1219. >SHOP VOCAL SAMPLE PACKS</a>
  1220. </div>
  1221.      </div></image-banner>
  1222. </div>
  1223.  
  1224. </section><section id="shopify-section-template--17710601207970__impact-text" class="shopify-section shopify-section--impact-text"><style>
  1225.  #shopify-section-template--17710601207970__impact-text {
  1226.    --section-background-hash: 000116090000500585006000570407908;
  1227.  }
  1228.  
  1229.  #shopify-section-template--17710601207970__impact-text + * {
  1230.    --previous-section-background-hash: 000116090000500585006000570407908;
  1231.  }@media screen and (min-width: 700px) {
  1232.      #shopify-section-template--17710601207970__impact-text {
  1233.        --section-background-hash: 0;
  1234.      }
  1235.  
  1236.      #shopify-section-template--17710601207970__impact-text + * {
  1237.        --previous-section-background-hash: 0;
  1238.      }
  1239.    }</style><style>
  1240.    #shopify-section-template--17710601207970__impact-text {
  1241.      --impact-text-font-size: calc(min(20vw, 65px) * 1);
  1242.      --impact-text-auto-columns: 64vw;
  1243.    }
  1244.  
  1245.    @media screen and (min-width: 700px) {
  1246.      #shopify-section-template--17710601207970__impact-text {
  1247.        --impact-text-font-size: calc(min(15vw, var(--container-max-width) * 0.15) / 3 * 1);
  1248.        --impact-text-auto-columns: minmax(0, 1fr);
  1249.      }
  1250.    }
  1251.  </style><div class="section   section-boxed bg-custom"style="--background: 41 22 54;">
  1252.    <div >
  1253.      <div class="impact-text impact-text--center "><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1254.                  <impact-text count-up="2" reveal-js><span class="text-gradient " style="--gradient: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(26, 26, 26, 0) 100%)">100%</span></impact-text>
  1255.                </h2><div class="impact-text__content">
  1256.                  <div class="prose"><h3 class="h4">Royalty Free Vocal Samples</h3></div>
  1257.                </div></div><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1258.                  <impact-text count-up="2" reveal-js><span class="text-gradient " style="--gradient: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(26, 26, 26, 0) 100%)">500+</span></impact-text>
  1259.                </h2><div class="impact-text__content">
  1260.                  <div class="prose"><h3 class="h4">High Quality Wav Files</h3></div>
  1261.                </div></div><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1262.                  <impact-text count-up="2" reveal-js><span class="text-gradient " style="--gradient: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(26, 26, 26, 0) 100%)">1.64 GB</span></impact-text>
  1263.                </h2><div class="impact-text__content">
  1264.                  <div class="prose"><h3 class="h4">Download Size</h3></div>
  1265.                </div></div></div>
  1266.    </div>
  1267.  </div></section><section id="shopify-section-template--17710601207970__featured-collection" class="shopify-section shopify-section--featured-collection"><style>
  1268.  #shopify-section-template--17710601207970__featured-collection {
  1269.    --section-background-hash: 0;
  1270.  }
  1271.  
  1272.  #shopify-section-template--17710601207970__featured-collection + * {
  1273.    --previous-section-background-hash: 0;
  1274.  }</style><style>#shopify-section-template--17710601207970__featured-collection .product-list {
  1275.    --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
  1276.    --product-list-items-per-row: 2;
  1277.    --product-list-carousel-item-width: 74vw;
  1278.    --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width);
  1279.  }
  1280.  
  1281.  @media screen and (min-width: 700px) {
  1282.    #shopify-section-template--17710601207970__featured-collection .product-list {
  1283.      --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
  1284.      --product-list-items-per-row: 2;
  1285.      --product-list-carousel-item-width: 36vw;
  1286.    }
  1287.  }
  1288.  
  1289.  @media screen and (min-width: 1000px) {
  1290.    #shopify-section-template--17710601207970__featured-collection .product-list {
  1291.      --product-list-items-per-row: 4;
  1292.      --product-list-carousel-item-width: calc(var(--container-inner-width) / 4 - (var(--product-list-column-gap) / 4 * 3));
  1293.    }
  1294.  }
  1295. </style>
  1296.  
  1297. <div class="section   section-blends section-full">
  1298.  <div class="section-stack">
  1299.  <section-header class="section-header "><div class="prose"><h2 class="h2" reveal-on-scroll="true"><split-lines>Serum Presets</split-lines></h2><p>Play synths that speak with KARRA's custom preset banks for Serum 2</p></div><a href="/collections/serum-banks" class="text-with-icon group">
  1300.        <span class="reversed-link">View all</span>
  1301.        <span class="circle-chevron group-hover:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
  1302.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1303.      </svg></span>
  1304.      </a></section-header><div class="floating-controls-container"><scroll-carousel selector="product-card" id="scroll-area-template--17710601207970__featured-collection" class="scroll-area bleed is-scrollable">
  1305.        <reveal-items selector=".product-list > *">
  1306.          <product-list class="product-list"><product-card handle="karra-for-serum-1"  class="product-card  bg-custom text-custom"style="--background: 26 7 40; --text-color: 255 255 255;"><div class="product-card__figure">
  1307.      <a href="/products/karra-for-serum-1" data-instant><img src="//www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=1600" alt="Karra For Serum Vol. 1" srcset="//www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM13D2.png?v=1742003612&amp;width=1600 1600w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary  aspect-natural"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_8598556213410" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="45284072489122">
  1308.  
  1309.              <div class="pointer-fine:hidden">
  1310.                <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add"><svg role="presentation" fill="none" stroke-width="2" focusable="false" width="16" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 16 14">
  1311.            <path d="M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  1312.          </svg></button>
  1313.              </div>
  1314.  
  1315.              <div class="pointer-coarse:hidden">
  1316. <button type="submit" class="button"
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324.  is="custom-button"
  1325. >+ Quick add</button></div><input type="hidden" name="product-id" value="8598556213410" /><input type="hidden" name="section-id" value="template--17710601207970__featured-collection" /></form></div></div><div class="product-card__info "><div class="v-stack gap-0.5 w-full "><span class="product-card__title"><a href="/products/karra-for-serum-1" class="bold" data-instant>Karra For Serum Vol. 1</a></span><price-list class="price-list  "><sale-price class="text-subdued">
  1326.        <span class="sr-only">Sale price</span>$29.99</sale-price></price-list></div></div>
  1327. </product-card><product-card handle="karra-for-serum-2"  class="product-card  bg-custom text-custom"style="--background: 26 7 40; --text-color: 255 255 255;"><div class="product-card__figure">
  1328.      <a href="/products/karra-for-serum-2" data-instant><img src="//www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=1600" alt="Karra For Serum Vol. 2" srcset="//www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRAFORSERUM23D1.png?v=1742003635&amp;width=1600 1600w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary  aspect-natural"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_8598556639394" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="45284073537698">
  1329.  
  1330.              <div class="pointer-fine:hidden">
  1331.                <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add"><svg role="presentation" fill="none" stroke-width="2" focusable="false" width="16" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 16 14">
  1332.            <path d="M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  1333.          </svg></button>
  1334.              </div>
  1335.  
  1336.              <div class="pointer-coarse:hidden">
  1337. <button type="submit" class="button"
  1338.  
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344.  
  1345.  is="custom-button"
  1346. >+ Quick add</button></div><input type="hidden" name="product-id" value="8598556639394" /><input type="hidden" name="section-id" value="template--17710601207970__featured-collection" /></form></div></div><div class="product-card__info "><div class="v-stack gap-0.5 w-full "><span class="product-card__title"><a href="/products/karra-for-serum-2" class="bold" data-instant>Karra For Serum Vol. 2</a></span><price-list class="price-list  "><sale-price class="text-subdued">
  1347.        <span class="sr-only">Sale price</span>$29.99</sale-price></price-list></div></div>
  1348. </product-card><product-card handle="serum-bundle"  class="product-card  bg-custom text-custom"style="--background: 26 7 40; --text-color: 255 255 255;"><div class="product-card__figure">
  1349.      <a href="/products/serum-bundle" data-instant><img src="//www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1920" alt="KARRA Serum Bundle" srcset="//www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=700 700w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1600 1600w, //www.iamkarra.com/cdn/shop/files/KARRASERUMBUNDLE1.png?v=1742003736&amp;width=1800 1800w" width="1920" height="1920" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3))" class="product-card__image product-card__image--primary  aspect-natural"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_8598673948834" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="45284740268194">
  1350.  
  1351.              <div class="pointer-fine:hidden">
  1352.                <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add"><svg role="presentation" fill="none" stroke-width="2" focusable="false" width="16" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 16 14">
  1353.            <path d="M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  1354.          </svg></button>
  1355.              </div>
  1356.  
  1357.              <div class="pointer-coarse:hidden">
  1358. <button type="submit" class="button"
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  is="custom-button"
  1367. >+ Quick add</button></div><input type="hidden" name="product-id" value="8598673948834" /><input type="hidden" name="section-id" value="template--17710601207970__featured-collection" /></form></div></div><div class="product-card__info "><div class="v-stack gap-0.5 w-full "><span class="product-card__title"><a href="/products/serum-bundle" class="bold" data-instant>KARRA Serum Bundle</a></span><price-list class="price-list  "><sale-price class="text-subdued">
  1368.        <span class="sr-only">Sale price</span>$59.99</sale-price></price-list></div></div>
  1369. </product-card></product-list>
  1370.        </reveal-items>
  1371.      </scroll-carousel><button is="prev-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__featured-collection" disabled>
  1372.            <span class="sr-only">Previous</span>
  1373.            <span class="animated-arrow animated-arrow--reverse"></span>
  1374.          </button>
  1375.  
  1376.          <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__featured-collection">
  1377.            <span class="sr-only">Next</span>
  1378.            <span class="animated-arrow"></span>
  1379.          </button></div>
  1380.  </div>
  1381. </div>
  1382.  
  1383. </section><section id="shopify-section-template--17710601207970__collection-list" class="shopify-section shopify-section--collection-list"><style>
  1384.  #shopify-section-template--17710601207970__collection-list {
  1385.    --section-background-hash: 0;
  1386.  }
  1387.  
  1388.  #shopify-section-template--17710601207970__collection-list + * {
  1389.    --previous-section-background-hash: 0;
  1390.  }</style><style>
  1391.  #shopify-section-template--17710601207970__collection-list .collection-list {--collection-list-grid: auto / auto-flow 73vw;}
  1392.  
  1393.  @media screen and (min-width: 700px) {
  1394.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1395.      --collection-list-grid: auto / auto-flow 36vw;
  1396.    }
  1397.  }
  1398.  
  1399.  @media screen and (min-width: 1000px) {
  1400.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1401.      --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 4 - (var(--grid-gutter) / 3 * 2));
  1402.    }
  1403.  }
  1404.  
  1405.  @media screen and (min-width: 1400px) {
  1406.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1407.      --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 4 - (var(--grid-gutter) / 4 * 3));
  1408.    }
  1409.  }
  1410. </style><div class="section   section-blends section-full">
  1411.  <div class="section-stack">
  1412.  <section-header class="section-header "><a href="" class="text-with-icon group">
  1413.        <span class="reversed-link">View all</span>
  1414.        <span class="circle-chevron group-hover:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
  1415.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1416.      </svg></span>
  1417.      </a></section-header><div class="floating-controls-container"><scroll-carousel selector=".collection-card" id="scroll-area-template--17710601207970__collection-list" class="scroll-area bleed ">
  1418.        <collection-list class="collection-list"><a href="/collections/vocal-sample-packs" class="collection-card  shadow" reveal-js>
  1419.              <div class="content-over-media group rounded-sm" style="--content-over-media-overlay: 0 10 43 / 0.91"><img src="//www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRA_VOCALS_1_3D.jpg?v=1743309742&amp;width=1600 1600w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 73vw, 400px" class="zoom-image"><div class="collection-card__content-wrapper text-custom place-self-center text-center" style="--text-color: 255 255 255"><div class="collection-card__content prose"><p class="h4">SAMPLE PACKS</p>
  1420.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1421.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
  1422.      </svg></div></div>
  1423.            </a><a href="/collections/vocal-templates" class="collection-card  shadow" reveal-js>
  1424.              <div class="content-over-media group rounded-sm" style="--content-over-media-overlay: 26 0 44 / 0.91"><img src="//www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/LOGIC_TEMPLATE_3D.jpg?v=1743309637&amp;width=1600 1600w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 73vw, 400px" class="zoom-image"><div class="collection-card__content-wrapper text-custom place-self-center text-center" style="--text-color: 255 255 255"><div class="collection-card__content prose"><p class="h4">VOCAL TEMPLATES</p>
  1425.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1426.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
  1427.      </svg></div></div>
  1428.            </a><a href="/collections/presets" class="collection-card  shadow" reveal-js>
  1429.              <div class="content-over-media group rounded-sm" style="--content-over-media-overlay: 0 49 19 / 0.91"><img src="//www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=1600" alt="" srcset="//www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/KARRA_FOR_WAVES_3D_1.jpg?v=1743309390&amp;width=1600 1600w" width="1600" height="1600" loading="lazy" sizes="(max-width: 699px) 73vw, 400px" class="zoom-image"><div class="collection-card__content-wrapper text-custom place-self-center text-center" style="--text-color: 255 255 255"><div class="collection-card__content prose"><p class="h4">Presets</p>
  1430.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1431.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
  1432.      </svg></div></div>
  1433.            </a><a href="/collections/courses" class="collection-card  shadow" reveal-js>
  1434.              <div class="content-over-media group rounded-sm" style="--content-over-media-overlay: 0 33 32 / 0.91"><img src="//www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=1920" alt="" srcset="//www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=200 200w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=300 300w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=400 400w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=500 500w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=600 600w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=800 800w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=1000 1000w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=1200 1200w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=1400 1400w, //www.iamkarra.com/cdn/shop/files/COURSE_BUNDLE_3D.jpg?v=1743309486&amp;width=1600 1600w" width="1920" height="1920" loading="lazy" sizes="(max-width: 699px) 73vw, 400px" class="zoom-image"><div class="collection-card__content-wrapper text-custom place-self-center text-center" style="--text-color: 255 255 255"><div class="collection-card__content prose"><p class="h4">COURSES</p>
  1435.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1436.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
  1437.      </svg></div></div>
  1438.            </a></collection-list>
  1439.      </scroll-carousel><button is="prev-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__collection-list" disabled>
  1440.            <span class="sr-only">Previous</span>
  1441.            <span class="animated-arrow animated-arrow--reverse"></span>
  1442.          </button>
  1443.  
  1444.          <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__collection-list">
  1445.            <span class="sr-only">Next</span>
  1446.            <span class="animated-arrow"></span>
  1447.          </button></div>
  1448.  </div>
  1449. </div>
  1450.  
  1451.  
  1452. </section>
  1453. <!-- BEGIN sections: footer-group -->
  1454. <footer id="shopify-section-sections--17710601797794__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><div class="footer">
  1455.  <div class="container">
  1456.    <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--newsletter" ><div class="v-stack gap-6"><p class="h3">Join KARRA&#39;s Email List</p><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-sections--17710601797794__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" "
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  autocomplete="email"
  1462.  
  1463.  enterkeyhint="send"
  1464.  required
  1465.  
  1466. ><label for="input-sections--17710601797794__footer--contactemail" class="floating-label">E-mail</label><div class="self-submit-button">
  1467.        <button type="submit" class="circle-chevron hover:colors">
  1468.          <span class="sr-only">Subscribe</span><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
  1469.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1470.      </svg></button>
  1471.      </div></div></form></div>
  1472.                </div></div><div class="footer__aside empty:hidden"><div class="footer__aside-top"><ul class="social-media " role="list"><li>
  1473.      <a href="https://www.facebook.com/karramusic/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
  1474.        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
  1475.      </svg></a>
  1476.    </li><li>
  1477.      <a href="https://x.com/IAMKarraMusic" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
  1478.        <path d="M16.94 4h2.715l-5.93 6.777L20.7 20h-5.462l-4.278-5.593L6.065 20H3.35l6.342-7.25L3 4h5.6l3.868 5.113L16.94 4Zm-.952 14.375h1.504L7.784 5.54H6.17l9.818 12.836Z" fill="currentColor"/>
  1479.      </svg></a>
  1480.    </li><li>
  1481.      <a href="https://www.instagram.com/iamkarramusic/?hl=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
  1482.        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
  1483.      </svg></a>
  1484.    </li><li>
  1485.      <a href="https://www.youtube.com/channel/UCLwDLGL3Ejqu-xJp57CptRg" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
  1486.        <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/>
  1487.      </svg></a>
  1488.    </li><li>
  1489.      <a href="https://www.tiktok.com/@iamkarramusic" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewBox="0 0 24 24">
  1490.        <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
  1491.      </svg></a>
  1492.    </li><li>
  1493.      <a href="https://open.spotify.com/artist/24CzPFC4y3bM4AkUnZfuAU" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Spotify"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-spotify" viewBox="0 0 24 24">
  1494.        <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm4.586 14.423a.623.623 0 0 1-.857.206c-2.348-1.434-5.304-1.759-8.785-.964a.623.623 0 0 1-.277-1.215c3.809-.87 7.076-.496 9.712 1.115.294.18.387.564.207.858ZM17.81 13.7a.78.78 0 0 1-1.072.257c-2.688-1.652-6.786-2.13-9.965-1.166A.78.78 0 0 1 6.32 11.3c3.631-1.102 8.146-.568 11.233 1.329a.78.78 0 0 1 .257 1.072Zm.105-2.836c-3.223-1.914-8.54-2.09-11.618-1.156a.935.935 0 1 1-.543-1.79c3.533-1.072 9.405-.865 13.116 1.338a.934.934 0 1 1-.955 1.608Z" fill="currentColor"/>
  1495.      </svg></a>
  1496.    </li></ul></div><div class="footer__aside-bottom"><ul class="footer__payment-icons h-stack wrap gap-2"><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
  1497. </li><li class="contents"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
  1498. </li><li class="contents"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></li><li class="contents"><svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg></li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
  1499. </li><li class="contents"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li class="contents"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
  1500. </li><li class="contents"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li></ul><div class="footer__copyright v-stack gap-1">
  1501.            <p class="text-sm text-subdued">© 2025, KARRA. <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></p></div>
  1502.        </div>
  1503.      </div>
  1504.    </div>
  1505.  </div>
  1506. </div>
  1507.  
  1508. </footer>
  1509. <!-- END sections: footer-group --></main>
  1510.  <div id="shopify-block-AWFNNenlBR2N5d2ZuU__12657775114333427046" class="shopify-block shopify-app-block"><script>
  1511.  
  1512.    window.essentialCountdownTimerConfigs = [];
  1513.  
  1514.  const essentialCollectionId = null;
  1515.  window.essentialCountdownTimerMeta = {
  1516.    productData: null,
  1517.    productCollections: null,
  1518.  };
  1519.  window.essentialProductId = null
  1520.  window.essentialProductTags = null
  1521.  window.essentialCollectionId = null
  1522.  window.essentialCountdownTimerPageTemplate = "index"
  1523. </script>
  1524.  
  1525. <style>
  1526.  .essential-countdown-timer-img-reset {
  1527.    /* wipe common globals */
  1528.    box-sizing: content-box;
  1529.    display: inline;
  1530.    width: auto;
  1531.    height: auto;
  1532.    max-width: none;
  1533.    max-height: none;
  1534.    margin: 0;
  1535.    padding: 0;
  1536.    border: none;
  1537.    border-radius: 0;
  1538.    box-shadow: none;
  1539.    background: none;
  1540.    object-fit: fill;
  1541.    object-position: 50% 50%;
  1542.    filter: none;
  1543.    opacity: 1;
  1544.    position: static;
  1545.    float: none;
  1546.    clear: none;
  1547.    vertical-align: baseline;
  1548.    transform: none;
  1549.    transition: none;
  1550.    animation: none;
  1551.    /* typography sometimes leaks via universal selectors */
  1552.    font: inherit;
  1553.    line-height: normal;
  1554.    letter-spacing: normal;
  1555.    text-align: start;
  1556.  }
  1557. </style>
  1558.  
  1559.  
  1560. </div></body>
  1561. </html>

Home · About · News · Docs · Terms

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