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.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=eecdbe8a86fbc4c52116d9c222803570514abbfca7f2b853ac905bede65e7f28" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=67a40e240844b283a612ce8488267104541e724c756b16782568d3798788eb4d" 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 async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
  16. <script type="application/ld+json">
  17.  {
  18.    "@context": "https://schema.org",
  19.    "@type": "BreadcrumbList",
  20.    "itemListElement": [{
  21.        "@type": "ListItem",
  22.        "position": 1,
  23.        "name": "Home",
  24.        "item": "https://www.iamkarra.com"
  25.      }]
  26.  }
  27. </script><script type="application/ld+json">
  28.  [
  29.    {
  30.      "@context": "https://schema.org",
  31.      "@type": "WebSite",
  32.      "name": "KARRA",
  33.      "url": "https:\/\/www.iamkarra.com",
  34.      "potentialAction": {
  35.        "@type": "SearchAction",
  36.        "target": "https:\/\/www.iamkarra.com\/search?q={search_term_string}",
  37.        "query-input": "required name=search_term_string"
  38.      }
  39.    },
  40.    {
  41.      "@context": "https://schema.org",
  42.      "@type": "Organization",
  43.      "name": "KARRA","url": "https:\/\/www.iamkarra.com"
  44.    }
  45.  ]
  46.  </script><style>/* Typography (heading) */
  47.  @font-face {
  48.  font-family: Montserrat;
  49.  font-weight: 700;
  50.  font-style: normal;
  51.  font-display: fallback;
  52.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=eecdbe8a86fbc4c52116d9c222803570514abbfca7f2b853ac905bede65e7f28") format("woff2"),
  53.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=fcab690be8439ced843606486728803d3ae42a5e26ff10575a23648404865bc0") format("woff");
  54. }
  55.  
  56. @font-face {
  57.  font-family: Montserrat;
  58.  font-weight: 700;
  59.  font-style: italic;
  60.  font-display: fallback;
  61.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=d69cc944c625031deb6cad0b550b64284792a1f8c82274e2b233df8c8477beda") format("woff2"),
  62.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=3cd1dd4d85971e4029b87f4bf8be7791af1df4ce60e2a00d137f8329da4d5ee8") format("woff");
  63. }
  64.  
  65. /* Typography (body) */
  66.  @font-face {
  67.  font-family: Montserrat;
  68.  font-weight: 400;
  69.  font-style: normal;
  70.  font-display: fallback;
  71.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=67a40e240844b283a612ce8488267104541e724c756b16782568d3798788eb4d") format("woff2"),
  72.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=73458ef69fe1d3ee3bb198e521c02cbcab02c32ce77a31ce5e995d870b0bf805") format("woff");
  73. }
  74.  
  75. @font-face {
  76.  font-family: Montserrat;
  77.  font-weight: 400;
  78.  font-style: italic;
  79.  font-display: fallback;
  80.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=400f0577ee234e9dbb04814375ec83967ad7e814e178eb98e86e9863af0fce38") format("woff2"),
  81.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=5a1836bc807381b74192ca1895b4c8a21ec47bd61d086284eb6c3e4415769854") format("woff");
  82. }
  83.  
  84. @font-face {
  85.  font-family: Montserrat;
  86.  font-weight: 700;
  87.  font-style: normal;
  88.  font-display: fallback;
  89.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=eecdbe8a86fbc4c52116d9c222803570514abbfca7f2b853ac905bede65e7f28") format("woff2"),
  90.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=fcab690be8439ced843606486728803d3ae42a5e26ff10575a23648404865bc0") format("woff");
  91. }
  92.  
  93. @font-face {
  94.  font-family: Montserrat;
  95.  font-weight: 700;
  96.  font-style: italic;
  97.  font-display: fallback;
  98.  src: url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=d69cc944c625031deb6cad0b550b64284792a1f8c82274e2b233df8c8477beda") format("woff2"),
  99.       url("//www.iamkarra.com/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=Z3cyeTJxLXVyLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aWFta2FycmEuY29t&hmac=3cd1dd4d85971e4029b87f4bf8be7791af1df4ce60e2a00d137f8329da4d5ee8") format("woff");
  100. }
  101.  
  102. :root {
  103.    /**
  104.     * ---------------------------------------------------------------------
  105.     * SPACING VARIABLES
  106.     *
  107.     * We are using a spacing inspired from frameworks like Tailwind CSS.
  108.     * ---------------------------------------------------------------------
  109.     */
  110.    --spacing-0-5: 0.125rem; /* 2px */
  111.    --spacing-1: 0.25rem; /* 4px */
  112.    --spacing-1-5: 0.375rem; /* 6px */
  113.    --spacing-2: 0.5rem; /* 8px */
  114.    --spacing-2-5: 0.625rem; /* 10px */
  115.    --spacing-3: 0.75rem; /* 12px */
  116.    --spacing-3-5: 0.875rem; /* 14px */
  117.    --spacing-4: 1rem; /* 16px */
  118.    --spacing-4-5: 1.125rem; /* 18px */
  119.    --spacing-5: 1.25rem; /* 20px */
  120.    --spacing-5-5: 1.375rem; /* 22px */
  121.    --spacing-6: 1.5rem; /* 24px */
  122.    --spacing-6-5: 1.625rem; /* 26px */
  123.    --spacing-7: 1.75rem; /* 28px */
  124.    --spacing-7-5: 1.875rem; /* 30px */
  125.    --spacing-8: 2rem; /* 32px */
  126.    --spacing-8-5: 2.125rem; /* 34px */
  127.    --spacing-9: 2.25rem; /* 36px */
  128.    --spacing-9-5: 2.375rem; /* 38px */
  129.    --spacing-10: 2.5rem; /* 40px */
  130.    --spacing-11: 2.75rem; /* 44px */
  131.    --spacing-12: 3rem; /* 48px */
  132.    --spacing-14: 3.5rem; /* 56px */
  133.    --spacing-16: 4rem; /* 64px */
  134.    --spacing-18: 4.5rem; /* 72px */
  135.    --spacing-20: 5rem; /* 80px */
  136.    --spacing-24: 6rem; /* 96px */
  137.    --spacing-28: 7rem; /* 112px */
  138.    --spacing-32: 8rem; /* 128px */
  139.    --spacing-36: 9rem; /* 144px */
  140.    --spacing-40: 10rem; /* 160px */
  141.    --spacing-44: 11rem; /* 176px */
  142.    --spacing-48: 12rem; /* 192px */
  143.    --spacing-52: 13rem; /* 208px */
  144.    --spacing-56: 14rem; /* 224px */
  145.    --spacing-60: 15rem; /* 240px */
  146.    --spacing-64: 16rem; /* 256px */
  147.    --spacing-72: 18rem; /* 288px */
  148.    --spacing-80: 20rem; /* 320px */
  149.    --spacing-96: 24rem; /* 384px */
  150.  
  151.    /* Container */
  152.    --container-max-width: 1600px;
  153.    --container-narrow-max-width: 1350px;
  154.    --container-gutter: var(--spacing-5);
  155.    --section-outer-spacing-block: var(--spacing-12);
  156.    --section-inner-max-spacing-block: var(--spacing-10);
  157.    --section-inner-spacing-inline: var(--container-gutter);
  158.    --section-stack-spacing-block: var(--spacing-8);
  159.  
  160.    /* Grid gutter */
  161.    --grid-gutter: var(--spacing-5);
  162.  
  163.    /* Product list settings */
  164.    --product-list-row-gap: var(--spacing-8);
  165.    --product-list-column-gap: var(--grid-gutter);
  166.  
  167.    /* Form settings */
  168.    --input-gap: var(--spacing-2);
  169.    --input-height: 2.625rem;
  170.    --input-padding-inline: var(--spacing-4);
  171.  
  172.    /* Other sizes */
  173.    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
  174.  
  175.    /* RTL support */
  176.    --transform-logical-flip: 1;
  177.    --transform-origin-start: left;
  178.    --transform-origin-end: right;
  179.  
  180.    /**
  181.     * ---------------------------------------------------------------------
  182.     * TYPOGRAPHY
  183.     * ---------------------------------------------------------------------
  184.     */
  185.  
  186.    /* Font properties */
  187.    --heading-font-family: Montserrat, sans-serif;
  188.    --heading-font-weight: 700;
  189.    --heading-font-style: normal;
  190.    --heading-text-transform: uppercase;
  191.    --heading-letter-spacing: -0.02em;
  192.    --text-font-family: Montserrat, sans-serif;
  193.    --text-font-weight: 400;
  194.    --text-font-style: normal;
  195.    --text-letter-spacing: 0.0em;
  196.  
  197.    /* Font sizes */
  198.    --text-h0: 3rem;
  199.    --text-h1: 2.5rem;
  200.    --text-h2: 2rem;
  201.    --text-h3: 1.5rem;
  202.    --text-h4: 1.375rem;
  203.    --text-h5: 1.125rem;
  204.    --text-h6: 1rem;
  205.    --text-xs: 0.6875rem;
  206.    --text-sm: 0.75rem;
  207.    --text-base: 0.875rem;
  208.    --text-lg: 1.125rem;
  209.  
  210.    /**
  211.     * ---------------------------------------------------------------------
  212.     * COLORS
  213.     * ---------------------------------------------------------------------
  214.     */
  215.  
  216.    /* Color settings */--accent: 180 128 242;
  217.    --text-primary: 255 255 255;
  218.    --background-primary: 16 0 27;
  219.    --dialog-background: 16 0 27;
  220.    --border-color: var(--text-color, var(--text-primary)) / 0.12;
  221.  
  222.    /* Button colors */
  223.    --button-background-primary: 180 128 242;
  224.    --button-text-primary: 255 255 255;
  225.    --button-background-secondary: 180 128 242;
  226.    --button-text-secondary: 255 255 255;
  227.  
  228.    /* Status colors */
  229.    --success-background: 224 244 232;
  230.    --success-text: 0 163 65;
  231.    --warning-background: 255 246 233;
  232.    --warning-text: 255 183 74;
  233.    --error-background: 254 231 231;
  234.    --error-text: 248 58 58;
  235.  
  236.    /* Product colors */
  237.    --on-sale-text: 180 128 242;
  238.    --on-sale-badge-background: 180 128 242;
  239.    --on-sale-badge-text: 0 0 0;
  240.    --sold-out-badge-background: 180 128 242;
  241.    --sold-out-badge-text: 0 0 0;
  242.    --primary-badge-background: 180 128 242;
  243.    --primary-badge-text: 0 0 0;
  244.    --star-color: 180 128 242;
  245.    --product-card-background: 26 7 40;
  246.    --product-card-text: 255 255 255;
  247.  
  248.    /* Header colors */
  249.    --header-background: 16 0 27;
  250.    --header-text: 255 255 255;
  251.  
  252.    /* Footer colors */
  253.    --footer-background: 16 0 27;
  254.    --footer-text: 255 255 255;
  255.  
  256.    /* Rounded variables (used for border radius) */
  257.    --rounded-xs: 0.25rem;
  258.    --rounded-sm: 0.375rem;
  259.    --rounded: 0.75rem;
  260.    --rounded-lg: 1.5rem;
  261.    --rounded-full: 9999px;
  262.  
  263.    --rounded-button: 3.75rem;
  264.    --rounded-input: 0.5rem;
  265.  
  266.    /* Box shadow */
  267.    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
  268.    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
  269.    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
  270.    --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1);
  271.  
  272.    /**
  273.     * ---------------------------------------------------------------------
  274.     * OTHER
  275.     * ---------------------------------------------------------------------
  276.     */
  277.  
  278.    --stagger-products-reveal-opacity: 0;
  279.    --cursor-close-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-close.svg?v=147174565022153725511743225629);
  280.    --cursor-zoom-in-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-zoom-in.svg?v=154953035094101115921743225629);
  281.    --cursor-zoom-out-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/cursor-zoom-out.svg?v=16155520337305705181743225629);
  282.    --checkmark-svg-url: url(//www.iamkarra.com/cdn/shop/t/6/assets/checkmark.svg?v=77552481021870063511743225629);
  283.  }
  284.  
  285.  [dir="rtl"]:root {
  286.    /* RTL support */
  287.    --transform-logical-flip: -1;
  288.    --transform-origin-start: right;
  289.    --transform-origin-end: left;
  290.  }
  291.  
  292.  @media screen and (min-width: 700px) {
  293.    :root {
  294.      /* Typography (font size) */
  295.      --text-h0: 4rem;
  296.      --text-h1: 3rem;
  297.      --text-h2: 2.5rem;
  298.      --text-h3: 2rem;
  299.      --text-h4: 1.625rem;
  300.      --text-h5: 1.25rem;
  301.      --text-h6: 1.125rem;
  302.  
  303.      --text-xs: 0.75rem;
  304.      --text-sm: 0.875rem;
  305.      --text-base: 1.0rem;
  306.      --text-lg: 1.25rem;
  307.  
  308.      /* Spacing */
  309.      --container-gutter: 2rem;
  310.      --section-outer-spacing-block: var(--spacing-16);
  311.      --section-inner-max-spacing-block: var(--spacing-12);
  312.      --section-inner-spacing-inline: var(--spacing-12);
  313.      --section-stack-spacing-block: var(--spacing-12);
  314.  
  315.      /* Grid gutter */
  316.      --grid-gutter: var(--spacing-6);
  317.  
  318.      /* Product list settings */
  319.      --product-list-row-gap: var(--spacing-12);
  320.  
  321.      /* Form settings */
  322.      --input-gap: 1rem;
  323.      --input-height: 3.125rem;
  324.      --input-padding-inline: var(--spacing-5);
  325.    }
  326.  }
  327.  
  328.  @media screen and (min-width: 1000px) {
  329.    :root {
  330.      /* Spacing settings */
  331.      --container-gutter: var(--spacing-12);
  332.      --section-outer-spacing-block: var(--spacing-18);
  333.      --section-inner-max-spacing-block: var(--spacing-16);
  334.      --section-inner-spacing-inline: var(--spacing-16);
  335.      --section-stack-spacing-block: var(--spacing-12);
  336.    }
  337.  }
  338.  
  339.  @media screen and (min-width: 1150px) {
  340.    :root {
  341.      /* Spacing settings */
  342.      --container-gutter: var(--spacing-12);
  343.      --section-outer-spacing-block: var(--spacing-20);
  344.      --section-inner-max-spacing-block: var(--spacing-16);
  345.      --section-inner-spacing-inline: var(--spacing-16);
  346.      --section-stack-spacing-block: var(--spacing-12);
  347.    }
  348.  }
  349.  
  350.  @media screen and (min-width: 1400px) {
  351.    :root {
  352.      /* Typography (font size) */
  353.      --text-h0: 5rem;
  354.      --text-h1: 3.75rem;
  355.      --text-h2: 3rem;
  356.      --text-h3: 2.25rem;
  357.      --text-h4: 2rem;
  358.      --text-h5: 1.5rem;
  359.      --text-h6: 1.25rem;
  360.  
  361.      --section-outer-spacing-block: var(--spacing-24);
  362.      --section-inner-max-spacing-block: var(--spacing-18);
  363.      --section-inner-spacing-inline: var(--spacing-18);
  364.    }
  365.  }
  366.  
  367.  @media screen and (min-width: 1600px) {
  368.    :root {
  369.      --section-outer-spacing-block: var(--spacing-24);
  370.      --section-inner-max-spacing-block: var(--spacing-20);
  371.      --section-inner-spacing-inline: var(--spacing-20);
  372.    }
  373.  }
  374.  
  375.  /**
  376.   * ---------------------------------------------------------------------
  377.   * LIQUID DEPENDANT CSS
  378.   *
  379.   * Our main CSS is Liquid free, but some very specific features depend on
  380.   * theme settings, so we have them here
  381.   * ---------------------------------------------------------------------
  382.   */@media screen and (pointer: fine) {
  383.        .button:not([disabled]):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover {
  384.          --button-background-opacity: 0.85;
  385.        }
  386.  
  387.        .button--subdued:not([disabled]):hover {
  388.          --button-background: var(--text-color) / .05 !important;
  389.        }
  390.      }</style><script>
  391.  // This allows to expose several variables to the global scope, to be used in scripts
  392.  window.themeVariables = {
  393.    settings: {
  394.      showPageTransition: null,
  395.      staggerProductsApparition: true,
  396.      reduceDrawerAnimation: false,
  397.      reduceMenuAnimation: false,
  398.      headingApparition: "split_fade",
  399.      pageType: "index",
  400.      moneyFormat: "${{amount}}",
  401.      moneyWithCurrencyFormat: "${{amount}} USD",
  402.      currencyCodeEnabled: false,
  403.      cartType: "popover",
  404.      showDiscount: true,
  405.      discountMode: "percentage",
  406.      pageBackground: "#10001b",
  407.      textColor: "#ffffff"
  408.    },
  409.  
  410.    strings: {
  411.      accessibilityClose: "Close",
  412.      accessibilityNext: "Next",
  413.      accessibilityPrevious: "Previous",
  414.      closeGallery: "Close gallery",
  415.      zoomGallery: "Zoom",
  416.      errorGallery: "Image cannot be loaded",
  417.      searchNoResults: "No results could be found.",
  418.      addOrderNote: "Add order note",
  419.      editOrderNote: "Edit order note",
  420.      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
  421.      shippingEstimatorOneResult: "There is one shipping rate for your address:",
  422.      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
  423.      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:"
  424.    },
  425.  
  426.    breakpoints: {
  427.      'sm': 'screen and (min-width: 700px)',
  428.      'md': 'screen and (min-width: 1000px)',
  429.      'lg': 'screen and (min-width: 1150px)',
  430.      'xl': 'screen and (min-width: 1400px)',
  431.  
  432.      'sm-max': 'screen and (max-width: 699px)',
  433.      'md-max': 'screen and (max-width: 999px)',
  434.      'lg-max': 'screen and (max-width: 1149px)',
  435.      'xl-max': 'screen and (max-width: 1399px)'
  436.    }
  437.  };
  438.  
  439.  // For detecting native share
  440.  document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script><script>
  441.      if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
  442.        const importMapPolyfill = document.createElement('script');
  443.        importMapPolyfill.async = true;
  444.        importMapPolyfill.src = "//www.iamkarra.com/cdn/shop/t/6/assets/es-module-shims.min.js?v=54064861605372301331743225615";
  445.  
  446.        document.head.appendChild(importMapPolyfill);
  447.      }
  448.    </script>
  449.  
  450.    <script type="importmap">{
  451.        "imports": {
  452.          "vendor": "//www.iamkarra.com/cdn/shop/t/6/assets/vendor.min.js?v=57795131039271286711743225615",
  453.          "theme": "//www.iamkarra.com/cdn/shop/t/6/assets/theme.js?v=103011424272941110861743225615",
  454.          "photoswipe": "//www.iamkarra.com/cdn/shop/t/6/assets/photoswipe.min.js?v=13374349288281597431743225615"
  455.        }
  456.      }
  457.    </script>
  458.  
  459.    <script type="module" src="//www.iamkarra.com/cdn/shop/t/6/assets/vendor.min.js?v=57795131039271286711743225615"></script>
  460.    <script type="module" src="//www.iamkarra.com/cdn/shop/t/6/assets/theme.js?v=103011424272941110861743225615"></script>
  461.  
  462.    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="KsvH-82uIKshurjQwa1PvtuX-zVOM2nfrazLUj7GSUg">
  463. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/66004943010/digital_wallets/dialog">
  464. <meta name="shopify-requires-components" content="true" product-ids="8598673948834">
  465. <meta name="shopify-checkout-api-token" content="25b02378638ea08313424cdb2635e46a">
  466. <meta id="in-context-paypal-metadata" data-shop-id="66004943010" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  467. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  468. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  469. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=66004943010" crossorigin="anonymous"></script>
  470. <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>
  471. <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>
  472. <script>var Shopify = Shopify || {};
  473. Shopify.shop = "gw2y2q-ur.myshopify.com";
  474. Shopify.locale = "en";
  475. Shopify.currency = {"active":"USD","rate":"1.0"};
  476. Shopify.country = "US";
  477. Shopify.theme = {"name":"Impact","id":140266864802,"schema_name":"Impact","schema_version":"6.6.0","theme_store_id":1190,"role":"main"};
  478. Shopify.theme.handle = "null";
  479. Shopify.theme.style = {"id":null,"handle":null};
  480. Shopify.cdnHost = "www.iamkarra.com/cdn";
  481. Shopify.routes = Shopify.routes || {};
  482. Shopify.routes.root = "/";</script>
  483. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  484. <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>
  485. <script>window.ShopifyPay = window.ShopifyPay || {};
  486. window.ShopifyPay.apiHost = "shop.app\/pay";</script>
  487. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  488. <script>
  489.  window.Shopify = window.Shopify || {};
  490.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  491.  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_ChRwHmr4.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js"],"init-windoid":["modules/v2/client.init-windoid_qNZeczvf.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_CRiQueBm.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CD0jF5Fd.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_Bdr-xFf9.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js"],"pay-button":["modules/v2/client.pay-button_DkUydYK6.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_Cl66XAhA.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CG0pm807.en.esm.js","modules/v2/client.shop-login-button_BGqNOQB2.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_5Bilz2oM.en.esm.js","modules/v2/client.shop-login-button_BGqNOQB2.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CL8GBnhE.en.esm.js","modules/v2/client.shop-login-button_BGqNOQB2.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BGqNOQB2.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Dhc3VgBl.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"lead-capture":["modules/v2/client.lead-capture_D_NiCyD3.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"],"payment-terms":["modules/v2/client.payment-terms_OR608-Cy.en.esm.js","modules/v2/chunk.common_g_IPLVy8.esm.js","modules/v2/chunk.modal_DOmUHEXZ.esm.js"]};
  492. </script>
  493. <script id="__st">var __st={"a":66004943010,"offset":-25200,"reqid":"495decca-e9bc-4ca2-b185-f4bbd522ce80-1746273781","pageurl":"www.iamkarra.com\/","u":"f8d5a2497409","p":"home"};</script>
  494. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  495. <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>
  496. <script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.iamkarra.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
  497. <script crossorigin="anonymous" defer="defer" src="//www.iamkarra.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
  498. <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)}};
  499. </script>
  500. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  501.  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);
  502. </script>
  503. <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})}}));
  504. </script>
  505.  
  506. <link rel="stylesheet" media="screen" href="https://www.iamkarra.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  507.  
  508. <style id="shopify-accelerated-checkout-cart">
  509.        #shopify-buyer-consent {
  510.  margin-top: 1em;
  511.  display: inline-block;
  512.  width: 100%;
  513. }
  514.  
  515. #shopify-buyer-consent.hidden {
  516.  display: none;
  517. }
  518.  
  519. #shopify-subscription-policy-button {
  520.  background: none;
  521.  border: none;
  522.  padding: 0;
  523.  text-decoration: underline;
  524.  font-size: inherit;
  525.  cursor: pointer;
  526. }
  527.  
  528. #shopify-subscription-policy-button::before {
  529.  box-shadow: none;
  530. }
  531.  
  532.      </style>
  533. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  534. <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/e6c5fec5-4d9b-4eb0-80ab-1580a8c69cf2/essential-countdown-29/assets/countdown_timer_essential_apps.min.js" type="text/javascript" defer="defer"></script>
  535. <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  536. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: session_token && session_token.length === 2 ? session_token[1] : "",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>
  537. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=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[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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[1-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[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=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:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,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:m,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 r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.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: [],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":"520ab7d376a55a19b9d237feb92662fa","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",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},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.iamkarra.com/cdn","e3c2bf72w7466284fp853302a1m6183da31",{"modern":"","legacy":""},{"shopId":"66004943010","storefrontBaseUrl":"https://www.iamkarra.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"e3c2bf72w7466284fp853302a1m6183da31"});</script><script>
  538.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  539.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  540.  window.ShopifyAnalytics.meta.currency = 'USD';
  541.  var meta = {"page":{"pageType":"home"}};
  542.  for (var attr in meta) {
  543.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  544.  }
  545. </script>
  546. <script class="analytics">
  547.  (function () {
  548.    var customDocumentWrite = function(content) {
  549.      var jquery = null;
  550.  
  551.      if (window.jQuery) {
  552.        jquery = window.jQuery;
  553.      } else if (window.Checkout && window.Checkout.$) {
  554.        jquery = window.Checkout.$;
  555.      }
  556.  
  557.      if (jquery) {
  558.        jquery('body').append(content);
  559.      }
  560.    };
  561.  
  562.    var hasLoggedConversion = function(token) {
  563.      if (token) {
  564.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  565.      }
  566.      return false;
  567.    }
  568.  
  569.    var setCookieIfConversion = function(token) {
  570.      if (token) {
  571.        var twoMonthsFromNow = new Date(Date.now());
  572.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  573.  
  574.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  575.      }
  576.    }
  577.  
  578.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  579.    if (trekkie.integrations) {
  580.      return;
  581.    }
  582.    trekkie.methods = [
  583.      'identify',
  584.      'page',
  585.      'ready',
  586.      'track',
  587.      'trackForm',
  588.      'trackLink'
  589.    ];
  590.    trekkie.factory = function(method) {
  591.      return function() {
  592.        var args = Array.prototype.slice.call(arguments);
  593.        args.unshift(method);
  594.        trekkie.push(args);
  595.        return trekkie;
  596.      };
  597.    };
  598.    for (var i = 0; i < trekkie.methods.length; i++) {
  599.      var key = trekkie.methods[i];
  600.      trekkie[key] = trekkie.factory(key);
  601.    }
  602.    trekkie.load = function(config) {
  603.      trekkie.config = config || {};
  604.      trekkie.config.initialDocumentCookie = document.cookie;
  605.      var first = document.getElementsByTagName('script')[0];
  606.      var script = document.createElement('script');
  607.      script.type = 'text/javascript';
  608.      script.onerror = function(e) {
  609.        var scriptFallback = document.createElement('script');
  610.        scriptFallback.type = 'text/javascript';
  611.        scriptFallback.onerror = function(error) {
  612.                var Monorail = {
  613.      produce: function produce(monorailDomain, schemaId, payload) {
  614.        var currentMs = new Date().getTime();
  615.        var event = {
  616.          schema_id: schemaId,
  617.          payload: payload,
  618.          metadata: {
  619.            event_created_at_ms: currentMs,
  620.            event_sent_at_ms: currentMs
  621.          }
  622.        };
  623.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  624.      },
  625.      sendRequest: function sendRequest(endpointUrl, payload) {
  626.        // Try the sendBeacon API
  627.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  628.          var blobData = new window.Blob([payload], {
  629.            type: 'text/plain'
  630.          });
  631.  
  632.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  633.            return true;
  634.          } // sendBeacon was not successful
  635.  
  636.        } // XHR beacon
  637.  
  638.        var xhr = new XMLHttpRequest();
  639.  
  640.        try {
  641.          xhr.open('POST', endpointUrl);
  642.          xhr.setRequestHeader('Content-Type', 'text/plain');
  643.          xhr.send(payload);
  644.        } catch (e) {
  645.          console.log(e);
  646.        }
  647.  
  648.        return false;
  649.      },
  650.      isIos12: function isIos12() {
  651.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  652.      }
  653.    };
  654.    Monorail.produce('monorail-edge.shopifysvc.com',
  655.      'trekkie_storefront_load_errors/1.1',
  656.      {shop_id: 66004943010,
  657.      theme_id: 140266864802,
  658.      app_name: "storefront",
  659.      context_url: window.location.href,
  660.      source_url: "//www.iamkarra.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js"});
  661.  
  662.        };
  663.        scriptFallback.async = true;
  664.        scriptFallback.src = '//www.iamkarra.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
  665.        first.parentNode.insertBefore(scriptFallback, first);
  666.      };
  667.      script.async = true;
  668.      script.src = '//www.iamkarra.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
  669.      first.parentNode.insertBefore(script, first);
  670.    };
  671.    trekkie.load(
  672.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":66004943010,"isMerchantRequest":null,"themeId":140266864802,"themeCityHash":"13885001536394496042","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  673.    );
  674.  
  675.    var loaded = false;
  676.    trekkie.ready(function() {
  677.      if (loaded) return;
  678.      loaded = true;
  679.  
  680.      window.ShopifyAnalytics.lib = window.trekkie;
  681.  
  682.      var originalDocumentWrite = document.write;
  683.      document.write = customDocumentWrite;
  684.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  685.      document.write = originalDocumentWrite;
  686.  
  687.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  688.  
  689.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  690.      var token = match? match[1]: undefined;
  691.      if (!hasLoggedConversion(token)) {
  692.        setCookieIfConversion(token);
  693.        
  694.      }
  695.    });
  696.  
  697.  
  698.        var eventsListenerScript = document.createElement('script');
  699.        eventsListenerScript.async = true;
  700.        eventsListenerScript.src = "//www.iamkarra.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
  701.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  702.  
  703. })();</script>
  704. <script
  705.  defer
  706.  src="https://www.iamkarra.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.1.min.js"
  707.  data-application="storefront-renderer"
  708.  data-shop-id="66004943010"
  709.  data-render-region="gcp-us-east1"
  710.  data-page-type="index"
  711.  data-theme-instance-id="140266864802"
  712.  data-monorail-region="shop_domain"
  713.  data-resource-timing-sampling-rate="10"
  714.  data-shs="true"
  715. ></script>
  716. </head>
  717.  
  718.  <body class="zoom-image--enabled"><!-- DRAWER -->
  719. <template id="drawer-default-template">
  720.  <style>
  721.    [hidden] {
  722.      display: none !important;
  723.    }
  724.  </style>
  725.  
  726.  <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">
  727.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  728.      </svg></button>
  729.  
  730.  <div part="overlay"></div>
  731.  
  732.  <div part="content">
  733.    <header part="header">
  734.      <slot name="header"></slot>
  735.  
  736.      <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">
  737.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  738.      </svg></button>
  739.    </header>
  740.  
  741.    <div part="body">
  742.      <slot></slot>
  743.    </div>
  744.  
  745.    <footer part="footer">
  746.      <slot name="footer"></slot>
  747.    </footer>
  748.  </div>
  749. </template>
  750.  
  751. <!-- POPOVER -->
  752. <template id="popover-default-template">
  753.  <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">
  754.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  755.      </svg></button>
  756.  
  757.  <div part="overlay"></div>
  758.  
  759.  <div part="content">
  760.    <header part="title">
  761.      <slot name="title"></slot>
  762.    </header>
  763.  
  764.    <div part="body">
  765.      <slot></slot>
  766.    </div>
  767.  </div>
  768. </template><a href="#main" class="skip-to-content sr-only">Skip to content</a><!-- BEGIN sections: header-group -->
  769. <header id="shopify-section-sections--17710601830562__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style>
  770.  :root {
  771.    --sticky-header-enabled:1;
  772.  }
  773.  
  774.  #shopify-section-sections--17710601830562__header {
  775.    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
  776.    --header-padding-block: var(--spacing-4-5);
  777.    --header-background-opacity: 1.0;
  778.    --header-background-blur-radius: 0px;
  779.    --header-transparent-text-color: 255 255 255;--header-logo-width: 100px;
  780.      --header-logo-height: 27px;position: sticky;
  781.    top: 0;
  782.    z-index: 10;
  783.  }.shopify-section--announcement-bar ~ #shopify-section-sections--17710601830562__header {
  784.      top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
  785.    }@media screen and (min-width: 700px) {
  786.    #shopify-section-sections--17710601830562__header {--header-logo-width: 120px;
  787.        --header-logo-height: 32px;--header-padding-block: var(--spacing-8-5);
  788.    }
  789.  }@media screen and (min-width: 1150px) {#shopify-section-sections--17710601830562__header {
  790.        --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr);
  791.      }
  792.    }</style>
  793.  
  794. <height-observer variable="header">
  795.  <store-header class="header"  sticky>
  796.    <div class="header__wrapper"><div class="header__main-nav">
  797.        <div class="header__icon-list">
  798.          <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu">
  799.            <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">
  800.        <path d="M1 5h20M1 11h20M1 17h20" stroke="currentColor" stroke-linecap="round"></path>
  801.      </svg></button>
  802.  
  803.          <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer">
  804.            <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">
  805.        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
  806.        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  807.      </svg></a><nav class="header__link-list justify-center wrap" role="navigation">
  808.              <ul class="contents" role="list">
  809.  
  810.                  <li><a href="/collections/vocal-sample-packs" class="bold link-faded-reverse" >Sample Packs</a></li>
  811.  
  812.                  <li><details class="relative" is="dropdown-disclosure" trigger="hover">
  813.                          <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">
  814.        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
  815.      </svg></summary>
  816.  
  817.                          <div class="dropdown-menu dropdown-menu--restrictable">
  818.                            <ul class="contents" role="list"><li><a href="/products/logic-vocal-template" class="dropdown-menu__item group" >
  819.                                      <span><span class="reversed-link">Logic Pro</span></span>
  820.                                    </a></li><li><a href="/products/ableton-vocal-template" class="dropdown-menu__item group" >
  821.                                      <span><span class="reversed-link">Ableton</span></span>
  822.                                    </a></li><li><a href="/products/fl-studio-vocal-template" class="dropdown-menu__item group" >
  823.                                      <span><span class="reversed-link">FL Studio</span></span>
  824.                                    </a></li><li><a href="/products/pro-tools-template" class="dropdown-menu__item group" >
  825.                                      <span><span class="reversed-link">Pro Tools</span></span>
  826.                                    </a></li><li><a href="/products/studio-one-vocal-template" class="dropdown-menu__item group" >
  827.                                      <span><span class="reversed-link">Studio One</span></span>
  828.                                    </a></li><li><a href="/products/cubase-vocal-template" class="dropdown-menu__item group" >
  829.                                      <span><span class="reversed-link">Cubase</span></span>
  830.                                    </a></li></ul>
  831.                          </div>
  832.                        </details></li>
  833.  
  834.                  <li><details class="relative" is="dropdown-disclosure" trigger="hover">
  835.                          <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">
  836.        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
  837.      </svg></summary>
  838.  
  839.                          <div class="dropdown-menu dropdown-menu--restrictable">
  840.                            <ul class="contents" role="list"><li><a href="/collections/waves-studioverse" class="dropdown-menu__item group" >
  841.                                      <span><span class="reversed-link">Waves Presets</span></span>
  842.                                    </a></li><li><a href="/collections/serum-banks" class="dropdown-menu__item group" >
  843.                                      <span><span class="reversed-link">Serum Presets</span></span>
  844.                                    </a></li><li><a href="/collections/izotope-presets" class="dropdown-menu__item group" >
  845.                                      <span><span class="reversed-link">iZotope Presets</span></span>
  846.                                    </a></li></ul>
  847.                          </div>
  848.                        </details></li>
  849.  
  850.                  <li><a href="/collections/courses" class="bold link-faded-reverse" >Courses</a></li>
  851.  
  852.                  <li><a href="/pages/contact" class="bold link-faded-reverse" >Contact</a></li>
  853.  
  854.                  <li><a href="/blogs/news" class="bold link-faded-reverse" >Blog</a></li></ul>
  855.            </nav></div>
  856.      </div><h1 class="header__logo">
  857.          <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>
  858.        </h1>
  859.      
  860. <div class="header__secondary-nav"><ul class="header__icon-list"><li>
  861.            <a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer">
  862.              <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">
  863.        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
  864.        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  865.      </svg></a>
  866.          </li><li>
  867.              <a href="https://www.iamkarra.com/customer_authentication/redirect?locale=en&region_country=US" class="hidden tap-area sm:block">
  868.                <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">
  869.        <circle cx="11" cy="7" r="4" fill="none" stroke="currentColor"></circle>
  870.        <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>
  871.      </svg></a>
  872.            </li><li>
  873.            <a href="/cart" data-no-instant class="relative block tap-area" aria-controls="cart-drawer">
  874.              <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">
  875.            <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>
  876.          </svg><div class="header__cart-count">
  877.                <cart-count class="count-bubble opacity-0">
  878.                  <span class="sr-only">0 items</span>
  879.                  <span aria-hidden="true">0</span>
  880.                </cart-count>
  881.              </div>
  882.            </a>
  883.          </li>
  884.        </ul>
  885.      </div>
  886.    </div>
  887.  </store-header>
  888. </height-observer><navigation-drawer mobile-opening="bottom" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" >
  889.    <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">
  890.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  891.      </svg></button><div class="panel-list__wrapper">
  892.  <div class="panel">
  893.    <div class="panel__wrapper" >
  894.      <div class="panel__scroller v-stack gap-8"><ul class="v-stack gap-4">
  895. <li class="h3 sm:h4"><a href="/collections/vocal-sample-packs" class="group block w-full">
  896.                  <span><span class="reversed-link">Sample Packs</span></span>
  897.                </a></li>
  898. <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0">
  899.                  <span>Templates</span>
  900.                  <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">
  901.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  902.      </svg></span>
  903.                </button></li>
  904. <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1">
  905.                  <span>Presets</span>
  906.                  <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">
  907.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  908.      </svg></span>
  909.                </button></li>
  910. <li class="h3 sm:h4"><a href="/collections/courses" class="group block w-full">
  911.                  <span><span class="reversed-link">Courses</span></span>
  912.                </a></li>
  913. <li class="h3 sm:h4"><a href="/pages/contact" class="group block w-full">
  914.                  <span><span class="reversed-link">Contact</span></span>
  915.                </a></li>
  916. <li class="h3 sm:h4"><a href="/blogs/news" class="group block w-full">
  917.                  <span><span class="reversed-link">Blog</span></span>
  918.                </a></li></ul></div><div class="panel-footer v-stack gap-5"><ul class="social-media " role="list"><li>
  919.      <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">
  920.        <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"/>
  921.      </svg></a>
  922.    </li><li>
  923.      <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">
  924.        <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"/>
  925.      </svg></a>
  926.    </li><li>
  927.      <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">
  928.        <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"/>
  929.      </svg></a>
  930.    </li><li>
  931.      <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">
  932.        <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"/>
  933.      </svg></a>
  934.    </li><li>
  935.      <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">
  936.        <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"/>
  937.      </svg></a>
  938.    </li><li>
  939.      <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">
  940.        <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"/>
  941.      </svg></a>
  942.    </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>
  943.  </div><div class="panel gap-8">
  944.      <div class="panel__wrapper"  hidden>
  945.                  <ul class="v-stack gap-4">
  946.                    <li class="lg:hidden">
  947.                      <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">
  948.        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
  949.      </svg>Templates
  950.                      </button>
  951.                    </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>
  952.                            </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>
  953.                            </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>
  954.                            </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>
  955.                            </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>
  956.                            </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>
  957.                            </a></li></ul></div><div class="panel__wrapper"  hidden>
  958.                  <ul class="v-stack gap-4">
  959.                    <li class="lg:hidden">
  960.                      <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">
  961.        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
  962.      </svg>Presets
  963.                      </button>
  964.                    </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>
  965.                            </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>
  966.                            </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>
  967.                            </a></li></ul></div>
  968.    </div></div></navigation-drawer><script>
  969.  document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--17710601830562__header').clientHeight) + 'px');
  970. </script>
  971.  
  972. </header>
  973. <!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
  974. <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>
  975.      <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">
  976.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  977.      </svg></button><div class="newsletter-drawer__content v-stack gap-4 text-center">
  978.        <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">
  979.                <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=" "
  980.  
  981.  
  982.  
  983.  
  984.  autocomplete="email"
  985.  
  986.  
  987.  required
  988.  
  989. ><label for="input-sections--17710601863330__newsletter-popup--contactemail" class="floating-label">E-mail</label></div></div>
  990. <button type="submit" class="button button--xl"
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998.  is="custom-button"
  999. >
  1000.    <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">
  1001.        <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"/>
  1002.        <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"/>
  1003.      </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>
  1004.    </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">
  1005.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  1006.      </svg></button>
  1007.  
  1008.    <div class="empty-state align-self-center">
  1009.      <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">
  1010.            <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>
  1011.          </svg><span class="count-bubble count-bubble--lg">0</span>
  1012.      </div>
  1013.  
  1014.      <div class="prose">
  1015.        <p class="h5">Your cart is empty</p>
  1016. <a class="button button--xl"
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  href="/collections/all"
  1023.  
  1024.  
  1025. >Continue shopping</a></div>
  1026.    </div></cart-drawer>
  1027.  
  1028.  
  1029. </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">
  1030.  <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
  1031.    <div class="search-input">
  1032.      <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
  1033.      <button type="reset" class="text-subdued">Clear</button>
  1034.      <button type="button" is="close-button">
  1035.        <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">
  1036.        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
  1037.      </svg></button>
  1038.    </div>
  1039.  
  1040.    <style>
  1041.      #shopify-section-sections--17710601863330__search-drawer {
  1042.        --predictive-search-column-count: 3;
  1043.      }
  1044.    </style>
  1045.  
  1046.    <input type="hidden" name="type" value="product">
  1047.  
  1048.    <predictive-search class="predictive-search" section-id="sections--17710601863330__search-drawer"><div slot="results"></div>
  1049.  
  1050.      <div slot="loading">
  1051.        <div class="v-stack gap-5 sm:gap-6 ">
  1052.          <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>
  1053.  
  1054.          <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6">
  1055.                <span class="skeleton skeleton--thumbnail"></span>
  1056.  
  1057.                <div class="v-stack gap-3 w-full">
  1058.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1059.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1060.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1061.                </div>
  1062.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1063.                <span class="skeleton skeleton--thumbnail"></span>
  1064.  
  1065.                <div class="v-stack gap-3 w-full">
  1066.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1067.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1068.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1069.                </div>
  1070.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1071.                <span class="skeleton skeleton--thumbnail"></span>
  1072.  
  1073.                <div class="v-stack gap-3 w-full">
  1074.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1075.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1076.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1077.                </div>
  1078.              </div><div class="h-stack align-center gap-5 sm:gap-6">
  1079.                <span class="skeleton skeleton--thumbnail"></span>
  1080.  
  1081.                <div class="v-stack gap-3 w-full">
  1082.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
  1083.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
  1084.                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
  1085.                </div>
  1086.              </div></div>
  1087.        </div></div>
  1088.    </predictive-search>
  1089.  </form>
  1090. </search-drawer>
  1091.  
  1092. </div>
  1093. <!-- 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">
  1094.      <section id="shopify-section-template--17710601207970__video_DMxbgT" class="shopify-section shopify-section--video"><style>
  1095.  #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>
  1096.  
  1097. <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">
  1098.        <div class="prose"><p class="h1" >KARRA Vocal Templates</p><p class="bold" >Record &amp; Mix with 100% Stock Plugins in your DAW</p>
  1099. <a class="button button--xl"
  1100.  style="--button-background: 180 128 242 / var(--button-background-opacity, 1);--button-outline-color: 180 128 242;--button-text-color: 255 255 255;"
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  href="/collections/vocal-templates"
  1106.  
  1107.  
  1108. >SHOP ALL VOCAL TEMPLATES</a>
  1109. </div>
  1110.      </div></div>
  1111. </div>
  1112.  
  1113. </section><section id="shopify-section-template--17710601207970__image-link-blocks" class="shopify-section shopify-section--image-link-blocks"><style>
  1114.  #shopify-section-template--17710601207970__image-link-blocks {
  1115.    --section-background-hash: 0;
  1116.  }
  1117.  
  1118.  #shopify-section-template--17710601207970__image-link-blocks + * {
  1119.    --previous-section-background-hash: 0;
  1120.  }</style><style>#shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1121.    --image-link-blocks-item-width: 48vw;
  1122.    --image-link-blocks-grid: auto / auto-flow var(--image-link-blocks-item-width);
  1123.  
  1124.    --content-over-media-gap: var(--grid-gutter);
  1125.  }
  1126.  
  1127.  @media screen and (min-width: 700px) {
  1128.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1129.      --image-link-blocks-item-width: 26vw;
  1130.    }
  1131.  }
  1132.  
  1133.  @media screen and (min-width: 1000px) {
  1134.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1135.      --image-link-blocks-items-per-row: 4;
  1136.      --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)));
  1137.    }
  1138.  }
  1139.  
  1140.  @media screen and (min-width: 1400px) {
  1141.    #shopify-section-template--17710601207970__image-link-blocks .image-link-blocks {
  1142.      --image-link-blocks-items-per-row: 5;
  1143.    }
  1144.  }
  1145. </style><div class="section   section-blends section-full">
  1146.  <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>
  1147.  
  1148.      <button is="prev-button" class="circle-button circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__image-link-blocks" disabled>
  1149.        <span class="sr-only">Previous</span>
  1150.        <span class="animated-arrow animated-arrow--reverse"></span>
  1151.      </button>
  1152.  
  1153.      <button is="next-button" class="circle-button circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__image-link-blocks">
  1154.        <span class="sr-only">Next</span>
  1155.        <span class="animated-arrow"></span>
  1156.      </button>
  1157.    </div>
  1158.  </div>
  1159. </div>
  1160.  
  1161. </section><section id="shopify-section-template--17710601207970__scrolling-text" class="shopify-section shopify-section--scrolling-text"><style>
  1162.  #shopify-section-template--17710601207970__scrolling-text {
  1163.    --section-background-hash: 0;
  1164.  }
  1165.  
  1166.  #shopify-section-template--17710601207970__scrolling-text + * {
  1167.    --previous-section-background-hash: 0;
  1168.  }</style><style>
  1169.    #shopify-section-template--17710601207970__scrolling-text {
  1170.      --section-spacing-inline: 0;
  1171.      --scrolling-text-font-size: 3.75rem;
  1172.    }
  1173.  
  1174.    @media screen and (min-width: 700px) {
  1175.      #shopify-section-template--17710601207970__scrolling-text {
  1176.        --scrolling-text-font-size: 5rem;
  1177.      }
  1178.    }
  1179.  </style><div class="section   section-blends section-full"><div class="scrolling-text scrolling-text--auto"><marquee-text scrolling-speed="5" class="scrolling-text__wrapper"><span class="scrolling-text__text heading " >Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span><span class="scrolling-text__text heading motion-reduce:hidden" aria-hidden="true">Easter Sale 50% Off!</span></marquee-text></div>
  1180.  </div></section><section id="shopify-section-template--17710601207970__image-with-text-overlay" class="shopify-section shopify-section--image-with-text-overlay"><style>
  1181.  #shopify-section-template--17710601207970__image-with-text-overlay {
  1182.    --section-background-hash: 0;
  1183.  }
  1184.  
  1185.  #shopify-section-template--17710601207970__image-with-text-overlay + * {
  1186.    --previous-section-background-hash: 0;
  1187.  }</style><style>
  1188.  #shopify-section-template--17710601207970__image-with-text-overlay {--content-over-media-overlay: 0 0 0 / 0.45;}
  1189. </style>
  1190.  
  1191. <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" loading="lazy" 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">
  1192.        <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>
  1193. <a class="button button--xl"
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  href="/products/karra-vocal-sample-pack-vol-1"
  1200.  
  1201.  
  1202. >SHOP VOCAL SAMPLE PACKS</a>
  1203. </div>
  1204.      </div></image-banner>
  1205. </div>
  1206.  
  1207. </section><section id="shopify-section-template--17710601207970__impact-text" class="shopify-section shopify-section--impact-text"><style>
  1208.  #shopify-section-template--17710601207970__impact-text {
  1209.    --section-background-hash: 000116090000500585006000570407908;
  1210.  }
  1211.  
  1212.  #shopify-section-template--17710601207970__impact-text + * {
  1213.    --previous-section-background-hash: 000116090000500585006000570407908;
  1214.  }@media screen and (min-width: 700px) {
  1215.      #shopify-section-template--17710601207970__impact-text {
  1216.        --section-background-hash: 0;
  1217.      }
  1218.  
  1219.      #shopify-section-template--17710601207970__impact-text + * {
  1220.        --previous-section-background-hash: 0;
  1221.      }
  1222.    }</style><style>
  1223.    #shopify-section-template--17710601207970__impact-text {
  1224.      --impact-text-font-size: calc(min(20vw, 65px) * 1);
  1225.      --impact-text-auto-columns: 64vw;
  1226.    }
  1227.  
  1228.    @media screen and (min-width: 700px) {
  1229.      #shopify-section-template--17710601207970__impact-text {
  1230.        --impact-text-font-size: calc(min(15vw, var(--container-max-width) * 0.15) / 3 * 1);
  1231.        --impact-text-auto-columns: minmax(0, 1fr);
  1232.      }
  1233.    }
  1234.  </style><div class="section   section-boxed bg-custom"style="--background: 41 22 54;">
  1235.    <div >
  1236.      <div class="impact-text impact-text--center "><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1237.                  <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>
  1238.                </h2><div class="impact-text__content">
  1239.                  <div class="prose"><h3 class="h4">Royalty Free Vocal Samples</h3></div>
  1240.                </div></div><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1241.                  <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>
  1242.                </h2><div class="impact-text__content">
  1243.                  <div class="prose"><h3 class="h4">High Quality Wav Files</h3></div>
  1244.                </div></div><div class="snap-center" ><h2 class="impact-text__text heading break-all">
  1245.                  <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>
  1246.                </h2><div class="impact-text__content">
  1247.                  <div class="prose"><h3 class="h4">Download Size</h3></div>
  1248.                </div></div></div>
  1249.    </div>
  1250.  </div></section><section id="shopify-section-template--17710601207970__featured-collection" class="shopify-section shopify-section--featured-collection"><style>
  1251.  #shopify-section-template--17710601207970__featured-collection {
  1252.    --section-background-hash: 0;
  1253.  }
  1254.  
  1255.  #shopify-section-template--17710601207970__featured-collection + * {
  1256.    --previous-section-background-hash: 0;
  1257.  }</style><style>#shopify-section-template--17710601207970__featured-collection .product-list {
  1258.    --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
  1259.    --product-list-items-per-row: 2;
  1260.    --product-list-carousel-item-width: 74vw;
  1261.    --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width);
  1262.  }
  1263.  
  1264.  @media screen and (min-width: 700px) {
  1265.    #shopify-section-template--17710601207970__featured-collection .product-list {
  1266.      --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
  1267.      --product-list-items-per-row: 2;
  1268.      --product-list-carousel-item-width: 36vw;
  1269.    }
  1270.  }
  1271.  
  1272.  @media screen and (min-width: 1000px) {
  1273.    #shopify-section-template--17710601207970__featured-collection .product-list {
  1274.      --product-list-items-per-row: 4;
  1275.      --product-list-carousel-item-width: calc(var(--container-inner-width) / 4 - (var(--product-list-column-gap) / 4 * 3));
  1276.    }
  1277.  }
  1278. </style>
  1279.  
  1280. <div class="section   section-blends section-full">
  1281.  <div class="section-stack">
  1282.  <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">
  1283.        <span class="reversed-link">View all</span>
  1284.        <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">
  1285.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1286.      </svg></span>
  1287.      </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">
  1288.        <reveal-items selector=".product-list > *">
  1289.          <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__badge-list"><on-sale-badge class="badge badge--on-sale">Save 50%</on-sale-badge></div><div class="product-card__figure">
  1290.      <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">
  1291.  
  1292.              <div class="pointer-fine:hidden">
  1293.                <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">
  1294.            <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>
  1295.          </svg></button>
  1296.              </div>
  1297.  
  1298.              <div class="pointer-coarse:hidden">
  1299. <button type="submit" class="button"
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  is="custom-button"
  1308. >+ 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-on-sale">
  1309.        <span class="sr-only">Sale price</span>$14.99</sale-price>
  1310.  
  1311.      <compare-at-price class="text-subdued line-through">
  1312.        <span class="sr-only">Regular price</span>$29.99</compare-at-price></price-list></div></div>
  1313. </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__badge-list"><on-sale-badge class="badge badge--on-sale">Save 50%</on-sale-badge></div><div class="product-card__figure">
  1314.      <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">
  1315.  
  1316.              <div class="pointer-fine:hidden">
  1317.                <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">
  1318.            <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>
  1319.          </svg></button>
  1320.              </div>
  1321.  
  1322.              <div class="pointer-coarse:hidden">
  1323. <button type="submit" class="button"
  1324.  
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  is="custom-button"
  1332. >+ 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-on-sale">
  1333.        <span class="sr-only">Sale price</span>$14.99</sale-price>
  1334.  
  1335.      <compare-at-price class="text-subdued line-through">
  1336.        <span class="sr-only">Regular price</span>$29.99</compare-at-price></price-list></div></div>
  1337. </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__badge-list"><on-sale-badge class="badge badge--on-sale">Save 50%</on-sale-badge></div><div class="product-card__figure">
  1338.      <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">
  1339.  
  1340.              <div class="pointer-fine:hidden">
  1341.                <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">
  1342.            <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>
  1343.          </svg></button>
  1344.              </div>
  1345.  
  1346.              <div class="pointer-coarse:hidden">
  1347. <button type="submit" class="button"
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  is="custom-button"
  1356. >+ 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-on-sale">
  1357.        <span class="sr-only">Sale price</span>$29.99</sale-price>
  1358.  
  1359.      <compare-at-price class="text-subdued line-through">
  1360.        <span class="sr-only">Regular price</span>$59.99</compare-at-price></price-list></div></div>
  1361. </product-card></product-list>
  1362.        </reveal-items>
  1363.      </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>
  1364.            <span class="sr-only">Previous</span>
  1365.            <span class="animated-arrow animated-arrow--reverse"></span>
  1366.          </button>
  1367.  
  1368.          <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__featured-collection">
  1369.            <span class="sr-only">Next</span>
  1370.            <span class="animated-arrow"></span>
  1371.          </button></div>
  1372.  </div>
  1373. </div>
  1374.  
  1375. </section><section id="shopify-section-template--17710601207970__collection-list" class="shopify-section shopify-section--collection-list"><style>
  1376.  #shopify-section-template--17710601207970__collection-list {
  1377.    --section-background-hash: 0;
  1378.  }
  1379.  
  1380.  #shopify-section-template--17710601207970__collection-list + * {
  1381.    --previous-section-background-hash: 0;
  1382.  }</style><style>
  1383.  #shopify-section-template--17710601207970__collection-list .collection-list {--collection-list-grid: auto / auto-flow 73vw;}
  1384.  
  1385.  @media screen and (min-width: 700px) {
  1386.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1387.      --collection-list-grid: auto / auto-flow 36vw;
  1388.    }
  1389.  }
  1390.  
  1391.  @media screen and (min-width: 1000px) {
  1392.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1393.      --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 4 - (var(--grid-gutter) / 3 * 2));
  1394.    }
  1395.  }
  1396.  
  1397.  @media screen and (min-width: 1400px) {
  1398.    #shopify-section-template--17710601207970__collection-list .collection-list {
  1399.      --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 4 - (var(--grid-gutter) / 4 * 3));
  1400.    }
  1401.  }
  1402. </style><div class="section   section-blends section-full">
  1403.  <div class="section-stack">
  1404.  <section-header class="section-header "><a href="" class="text-with-icon group">
  1405.        <span class="reversed-link">View all</span>
  1406.        <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">
  1407.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1408.      </svg></span>
  1409.      </a></section-header><div class="floating-controls-container"><scroll-carousel selector=".collection-card" id="scroll-area-template--17710601207970__collection-list" class="scroll-area bleed ">
  1410.        <collection-list class="collection-list"><a href="/collections/vocal-sample-packs" class="collection-card  shadow" reveal-js>
  1411.              <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>
  1412.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1413.        <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>
  1414.      </svg></div></div>
  1415.            </a><a href="/collections/vocal-templates" class="collection-card  shadow" reveal-js>
  1416.              <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>
  1417.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1418.        <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>
  1419.      </svg></div></div>
  1420.            </a><a href="/collections/presets" class="collection-card  shadow" reveal-js>
  1421.              <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>
  1422.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1423.        <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>
  1424.      </svg></div></div>
  1425.            </a><a href="/collections/courses" class="collection-card  shadow" reveal-js>
  1426.              <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>
  1427.                    </div><svg role="presentation" focusable="false" width="40" height="40" class="icon icon-circle-button-right-clipped" viewBox="0 0 24 24">
  1428.        <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>
  1429.      </svg></div></div>
  1430.            </a></collection-list>
  1431.      </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>
  1432.            <span class="sr-only">Previous</span>
  1433.            <span class="animated-arrow animated-arrow--reverse"></span>
  1434.          </button>
  1435.  
  1436.          <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--17710601207970__collection-list">
  1437.            <span class="sr-only">Next</span>
  1438.            <span class="animated-arrow"></span>
  1439.          </button></div>
  1440.  </div>
  1441. </div>
  1442.  
  1443.  
  1444. </section>
  1445. <!-- BEGIN sections: footer-group -->
  1446. <footer id="shopify-section-sections--17710601797794__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><div class="footer">
  1447.  <div class="container">
  1448.    <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=" "
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  autocomplete="email"
  1454.  
  1455.  enterkeyhint="send"
  1456.  required
  1457.  
  1458. ><label for="input-sections--17710601797794__footer--contactemail" class="floating-label">E-mail</label><div class="self-submit-button">
  1459.        <button type="submit" class="circle-chevron hover:colors">
  1460.          <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">
  1461.        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
  1462.      </svg></button>
  1463.      </div></div></form></div>
  1464.                </div></div><div class="footer__aside empty:hidden"><div class="footer__aside-top"><ul class="social-media " role="list"><li>
  1465.      <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">
  1466.        <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"/>
  1467.      </svg></a>
  1468.    </li><li>
  1469.      <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">
  1470.        <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"/>
  1471.      </svg></a>
  1472.    </li><li>
  1473.      <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">
  1474.        <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"/>
  1475.      </svg></a>
  1476.    </li><li>
  1477.      <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">
  1478.        <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"/>
  1479.      </svg></a>
  1480.    </li><li>
  1481.      <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">
  1482.        <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"/>
  1483.      </svg></a>
  1484.    </li><li>
  1485.      <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">
  1486.        <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"/>
  1487.      </svg></a>
  1488.    </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>
  1489. </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>
  1490. </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>
  1491. </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>
  1492. </li><li class="contents"><svg viewBox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" 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="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg>
  1493. </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">
  1494.            <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>
  1495.        </div>
  1496.      </div>
  1497.    </div>
  1498.  </div>
  1499. </div>
  1500.  
  1501. </footer>
  1502. <!-- END sections: footer-group --></main>
  1503.  <div id="shopify-block-AWFNNenlBR2N5d2ZuU__12657775114333427046" class="shopify-block shopify-app-block"><script>
  1505.    window.essentialCountdownTimerConfigs = [{"id":"cm7vb22bd0008liq5allxg4nc","name":"Easter Sale","title":"Easter Sale 50% Off Sale ends in: ","customTitle":"","endDate":"2025-05-01T01:32:00.000Z","startDate":"2025-04-17T17:11:00.000Z","subheading":"Get 50% off all orders during Easter 2025","fixedMinutes":"120","repeat":false,"timerType":"toDate","type":"top-bar","published":true,"timerPlacement":"","showOnProducts":[],"showOnCollections":[],"legendCopyDays":"Days","legendCopyHours":"Hrs","legendCopyMins":"Mins","legendCopySecs":"Secs","CTAType":"button","CTALink":"https://gw2y2q-ur.myshopify.com","closeButton":false,"buttonText":"Shop now!","updatedAt":"2025-04-17T17:11:19.806Z","createdAt":"2025-03-05T02:35:05.019Z","onceItEnds":"hide","style":{"font":"","position":"top-page","timerSize":"22","titleSize":"18","borderSize":"0","buttonText":"Shop now!","legendSize":"10","timerColor":"#B480F2","titleColor":"#ffffff","borderColor":"#FFFFFF","gradientEnd":"#FFFFFF","legendColor":"#7c7c7c","singleColor":"#292929","borderRadius":"8","gradientTurn":"90","gradientStart":"#DDDDDD","backgroundType":"singleBackground","buttonFontSize":"14","closeIconColor":"#B480F2","legendCopyDays":"Days","legendCopyMins":"Mins","legendCopySecs":"Secs","subheadingSize":"14","buttonFontColor":"#ffffff","legendCopyHours":"Hrs","singleColorRgba":"rgba(41, 41, 41, 1)","subheadingColor":"#7c7c7c","singleColorAlpha":1,"buttonBorderRadius":"20","buttonBackgroundColor":"#B480F2"},"recurringDays":[],"startType":"today","endType":"never","productTags":[],"showInCountries":[],"locationType":"","translations":[],"showOnProductsInCollections":[],"duration":1153239482}];
  1506.  
  1507.  const essentialCollectionId = null;
  1508.  window.essentialCountdownTimerMeta = {
  1509.    productData: null,
  1510.    productCollections: null,
  1511.  };
  1512.  window.essentialProductTags = null
  1513. </script>
  1514.  
  1515. </div></body>
  1516. </html>

Home · About · News · Docs · Terms

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