<!doctype html>
<html
  
  lang="en"
>
  <head>
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Rocking J Leather &amp; Feather Art "
>
<meta
  property="og:url"
  content="https://rockingjleather.com/"
>
<meta
  property="og:title"
  content="Rocking J Leather &amp; Feather Art "
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Rocking J Leather &amp; Feather Art creates custom, hand-tooled leather belts, tack, knife sheaths, gun slings, and more—built with purpose and made to last. I also craft detailed feather art using duck, turkey, and other natural feathers. One-of-a-kind pieces. No shortcuts. Just honest craftsmanship."
><meta
    property="og:image"
    content="http://rockingjleather.com/cdn/shop/files/business_card.jpg?v=1772739987"
  >
  <meta
    property="og:image:secure_url"
    content="https://rockingjleather.com/cdn/shop/files/business_card.jpg?v=1772739987"
  >
  <meta
    property="og:image:width"
    content="1251"
  >
  <meta
    property="og:image:height"
    content="1250"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Rocking J Leather &amp; Feather Art "
>
<meta
  name="twitter:description"
  content="Rocking J Leather &amp; Feather Art creates custom, hand-tooled leather belts, tack, knife sheaths, gun slings, and more—built with purpose and made to last. I also craft detailed feather art using duck, turkey, and other natural feathers. One-of-a-kind pieces. No shortcuts. Just honest craftsmanship."
>

<title>
  Rocking J Leather & Feather Art 
 &ndash; Rocking J Leather &amp; Feather Art </title>

<link
  rel="canonical"
  href="https://rockingjleather.com/"
>


  <meta
    name="description"
    content="Rocking J Leather &amp; Feather Art creates custom, hand-tooled leather belts, tack, knife sheaths, gun slings, and more—built with purpose and made to last. I also craft detailed feather art using duck, turkey, and other natural feathers. One-of-a-kind pieces. No shortcuts. Just honest craftsmanship."
  >

<link href="//rockingjleather.com/cdn/shop/t/4/assets/overflow-list.css?v=78235234226353326431772281399" as="style" rel="preload">
<link href="//rockingjleather.com/cdn/shop/t/4/assets/base.css?v=143605426757437778521772281371" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//rockingjleather.com/cdn/fonts/fraunces/fraunces_n3.eb6167b8e91a4d1bd5856f011cf4040a1c7f82c4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//rockingjleather.com/cdn/fonts/besley/besley_n5.2af9d9131e5f2d6dfee4e45269cde0fa6bd0b7cd.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//rockingjleather.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511772281400",
      "@theme/product-title": "//rockingjleather.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781772281407",
      "@theme/component": "//rockingjleather.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871772281376",
      "@theme/dialog": "//rockingjleather.com/cdn/shop/t/4/assets/dialog.js?v=150888536568694194021772281377",
      "@theme/events": "//rockingjleather.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561772281377",
      "@theme/focus": "//rockingjleather.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401772281379",
      "@theme/morph": "//rockingjleather.com/cdn/shop/t/4/assets/morph.js?v=102085577784545683451772281399",
      "@theme/paginated-list": "//rockingjleather.com/cdn/shop/t/4/assets/paginated-list.js?v=95298315036233333871772281401",
      "@theme/performance": "//rockingjleather.com/cdn/shop/t/4/assets/performance.js?v=171015751390534793081772281401",
      "@theme/product-form": "//rockingjleather.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081772281404",
      "@theme/recently-viewed-products": "//rockingjleather.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651772281409",
      "@theme/scrolling": "//rockingjleather.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011772281410",
      "@theme/section-renderer": "//rockingjleather.com/cdn/shop/t/4/assets/section-renderer.js?v=152586934315572818121772281411",
      "@theme/section-hydration": "//rockingjleather.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311772281411",
      "@theme/money-formatting": "//rockingjleather.com/cdn/shop/t/4/assets/money-formatting.js?v=182191346160333327151772281399",
      "@theme/utilities": "//rockingjleather.com/cdn/shop/t/4/assets/utilities.js?v=137979405375850297411772281414",
      "@theme/variant-picker": "//rockingjleather.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681772281414",
      "@theme/media-gallery": "//rockingjleather.com/cdn/shop/t/4/assets/media-gallery.js?v=14624021005636302161772281398",
      "@theme/quick-add": "//rockingjleather.com/cdn/shop/t/4/assets/quick-add.js?v=8173316780029216301772281408",
      "@theme/paginated-list-aspect-ratio": "//rockingjleather.com/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451772281400",
      "@theme/popover-polyfill": "//rockingjleather.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201772281401",
      "@theme/component-quantity-selector": "//rockingjleather.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641772281375",
      "@theme/comparison-slider": "//rockingjleather.com/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941772281374",
      "@theme/sticky-add-to-cart": "//rockingjleather.com/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=48956925339276737091772281412",
      "@theme/fly-to-cart": "//rockingjleather.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081772281379"
    }
  }
</script>

<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/view-transitions.js?v=7106414069516106341772281415"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/utilities.js?v=137979405375850297411772281414"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/component.js?v=184240237101443119871772281376"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/section-renderer.js?v=152586934315572818121772281411"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311772281411"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/morph.js?v=102085577784545683451772281399"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/focus.js?v=60436577539430446401772281379"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651772281409"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011772281410"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//rockingjleather.com/cdn/shop/t/4/assets/events.js?v=147926035229139604561772281377"
  fetchpriority="low"
>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201772281401"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511772281400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/quick-add.js?v=8173316780029216301772281408"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//rockingjleather.com/cdn/shop/t/4/assets/cart-discount.js?v=107077853990124422021772281372"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/dialog.js?v=150888536568694194021772281377"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/variant-picker.js?v=124079696159966615681772281414"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-card.js?v=124402285637860180781772281403"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-form.js?v=37993400097492174081772281404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081772281379"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/accordion-custom.js?v=97588419883090888471772281369"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/media.js?v=37825095869491791421772281398"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-price.js?v=164492227269745550161772281405"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-sku.js?v=121804655373531320511772281406"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781772281407"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/product-inventory.js?v=81520546963552472391772281405"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101772281412"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/slideshow.js?v=17868446697736367161772281412"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731772281396"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/anchored-popover.js?v=95953304814728754461772281370"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371772281378"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551772281414"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641772281375"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/media-gallery.js?v=14624021005636302161772281398"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021772281410"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731772281416"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/price-per-item.js?v=144512917617120124431772281402"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661772281415"
  type="module"
  fetchpriority="low"
></script>






  <script
    src="//rockingjleather.com/cdn/shop/t/4/assets/product-card-link.js?v=45311564435319583051772281403"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581772281371"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Fraunces;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_n3.eb6167b8e91a4d1bd5856f011cf4040a1c7f82c4.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_n3.358d9e4f36c5950dc30ac8bff0428c25af172c96.woff") format("woff");
}
@font-face {
  font-family: Fraunces;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_n7.8276f3981cfafc8569d516ceaa7dfe6a18948a1f.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_n7.383b2f958615709ba42e3731be308ad164ca4edd.woff") format("woff");
}
@font-face {
  font-family: Fraunces;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_i3.e0ff4c3bb7007ab3e6b73bd1c290ad876c3118c5.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_i3.6dd9ea4d0b88a3e338e2ba46f08764f8e8e64236.woff") format("woff");
}
@font-face {
  font-family: Fraunces;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_i7.9207dcd51152f34cd9c77a8ea542df960210c87c.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/fraunces/fraunces_i7.f4bcbf289853d941810727213e68ea2e3c3eddf8.woff") format("woff");
}
@font-face {
  font-family: Besley;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/besley/besley_n5.2af9d9131e5f2d6dfee4e45269cde0fa6bd0b7cd.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/besley/besley_n5.895fba38908e039a5af57a8b75a629892a505f80.woff") format("woff");
}
@font-face {
  font-family: Besley;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/besley/besley_n7.c5242a2cd120e7fea0b142c04fb32e32ff995154.woff") format("woff");
}
@font-face {
  font-family: Besley;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/besley/besley_i5.eb6bfea061062b085cb0dae3360398bf62fbb507.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/besley/besley_i5.e3993497eb8bed2d18483fdfc36411d6ee86495a.woff") format("woff");
}
@font-face {
  font-family: Besley;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/besley/besley_i7.abed1739d47325d988bc85fe28caca6d7b083fba.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/besley/besley_i7.b6e1b084ff5f8e3d5dec3f92e4901a4bb7e736a8.woff") format("woff");
}
@font-face {
  font-family: "Anonymous Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_n4.a707ca3ea5e6b6468ff0c29cf7e105dca1c09be4.woff") format("woff");
}
@font-face {
  font-family: "Anonymous Pro";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
}
@font-face {
  font-family: "Anonymous Pro";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_i4.e25745b6d033a0b4eea75ad1dd0df2b911abcf1f.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_i4.280c8776a79ac154f9332217a9852603e17ae391.woff") format("woff");
}
@font-face {
  font-family: "Anonymous Pro";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
       url("//rockingjleather.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Fraunces, serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 300;
    --font-heading--family: Besley, serif;
    --font-heading--style: normal;
    --font-heading--weight: 500;
    --font-accent--family: "Anonymous Pro", monospace;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 8.8vw, 5.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 8px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 4px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 24;
    --variant-picker-swatch-height-unitless: 24;
    --variant-picker-swatch-width: 24px;
    --variant-picker-swatch-height: 24px;
    --variant-picker-swatch-radius: 24px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 0px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(6 20 6 / 1.0);
        --color-foreground-rgb: 6 20 6;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(23 79 25 / 1.0);
        --color-primary-rgb: 23 79 25;
        --color-primary-hover: rgb(6 20 6 / 1.0);
        --color-primary-hover-rgb: 6 20 6;
        --color-border: rgb(239 245 239 / 1.0);
        --color-border-rgb: 239 245 239;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(239 245 239 / 1.0);
        --color-primary-button-background: rgb(23 79 25 / 1.0);
        --color-primary-button-border: rgb(23 79 25 / 1.0);
        --color-primary-button-hover-text: rgb(239 245 239 / 1.0);
        --color-primary-button-hover-background: rgb(149 81 29 / 1.0);
        --color-primary-button-hover-border: rgb(149 81 29 / 1.0);
        --color-secondary-button-text: rgb(6 20 6 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(6 20 6 / 1.0);
        --color-secondary-button-hover-text: rgb(6 20 6 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(23 79 25 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(18 18 18 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 18 18 18;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(239 245 239 / 1.0);
        --color-foreground-rgb: 239 245 239;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(207 226 208 / 1.0);
        --color-primary-rgb: 207 226 208;
        --color-primary-hover: rgb(239 245 239 / 1.0);
        --color-primary-hover-rgb: 239 245 239;
        --color-border: rgb(6 20 6 / 1.0);
        --color-border-rgb: 6 20 6;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(6 20 6 / 1.0);
        --color-primary-button-background: rgb(207 226 208 / 1.0);
        --color-primary-button-border: rgb(207 226 208 / 1.0);
        --color-primary-button-hover-text: rgb(6 20 6 / 1.0);
        --color-primary-button-hover-background: rgb(163 217 165 / 1.0);
        --color-primary-button-hover-border: rgb(163 217 165 / 1.0);
        --color-secondary-button-text: rgb(239 245 239 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(239 245 239 / 1.0);
        --color-secondary-button-hover-text: rgb(239 245 239 / 1.0);
        --color-secondary-button-hover-background: rgb(6 20 6 / 1.0);
        --color-secondary-button-hover-border: rgb(6 20 6 / 1.0);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(207 226 208 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(163 217 165 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 163 217 165;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(6 20 6 / 1.0);
        --color-foreground-rgb: 6 20 6;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(24 11 2 / 1.0);
        --color-primary-rgb: 24 11 2;
        --color-primary-hover: rgb(95 45 7 / 1.0);
        --color-primary-hover-rgb: 95 45 7;
        --color-border: rgb(92 188 95 / 1.0);
        --color-border-rgb: 92 188 95;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(24 11 2 / 1.0);
        --color-primary-button-background: rgb(247 229 215 / 1.0);
        --color-primary-button-border: rgb(247 229 215 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(149 81 29 / 1.0);
        --color-primary-button-hover-border: rgb(149 81 29 / 1.0);
        --color-secondary-button-text: rgb(6 20 6 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(6 20 6 / 1.0);
        --color-secondary-button-hover-text: rgb(247 229 215 / 1.0);
        --color-secondary-button-hover-background: rgb(95 45 7 / 1.0);
        --color-secondary-button-hover-border: rgb(95 45 7 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(247 229 215 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 247 229 215;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(6 20 6 / 1.0);
        --color-foreground-rgb: 6 20 6;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(6 20 6 / 1.0);
        --color-primary-rgb: 6 20 6;
        --color-primary-hover: rgb(24 11 2 / 1.0);
        --color-primary-hover-rgb: 24 11 2;
        --color-border: rgb(234 186 149 / 1.0);
        --color-border-rgb: 234 186 149;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(6 20 6 / 1.0);
        --color-primary-button-background: rgb(163 217 165 / 1.0);
        --color-primary-button-border: rgb(163 217 165 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(95 45 7 / 1.0);
        --color-primary-button-hover-border: rgb(95 45 7 / 1.0);
        --color-secondary-button-text: rgb(24 11 2 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(24 11 2 / 1.0);
        --color-secondary-button-hover-text: rgb(6 20 6 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(252 247 242 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75264524426/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="fe23f5353955dfe8e7056f1a023f101b">
<meta id="in-context-paypal-metadata" data-shop-id="75264524426" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=75264524426" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":75264524426,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/75264524426","merchantName":"Rocking J Leather \u0026 Feather Art ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Rocking J Leather \u0026 Feather Art ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"fe23f5353955dfe8e7056f1a023f101b","betas":["rich-media-storefront-analytics"],"domain":"rockingjleather.com","predictiveSearch":true,"shopId":75264524426,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ynxgb8-vu.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Balance with Installments message","id":152141660298,"schema_name":"Horizon","schema_version":"3.3.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "rockingjleather.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script defer="defer" async type="module" src="//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"></script>
<script type="module">
  await import("//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js");

  
</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":75264524426,"offset":-18000,"reqid":"2ee80920-bbcf-40b5-89fd-24f09482ebe1-1780966737","pageurl":"rockingjleather.com\/index.css","u":"d88d39e9ffd9","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//rockingjleather.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//rockingjleather.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<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://rockingjleather.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://rockingjleather.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//rockingjleather.com/cdn/shop/t/4/compiled_assets/styles.css?v=64729025074253274551772281444">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 75264524426,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=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,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),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:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 75264524426,storefrontBaseUrl: "https://rockingjleather.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Rocking J Leather \u0026 Feather Art ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ynxgb8-vu.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/rockingjleather.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://rockingjleather.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"75264524426","storefrontBaseUrl":"https:\/\/rockingjleather.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"2ee80920-bbcf-40b5-89fd-24f09482ebe1-1780966737"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 75264524426,
      theme_id: 152141660298,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//rockingjleather.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//rockingjleather.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//rockingjleather.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75264524426,"isMerchantRequest":null,"themeId":152141660298,"themeCityHash":"3216198096789324831","contentLanguage":"en","currency":"USD","eventMetadataId":"137159e1-1f68-4986-9800-c9722971ad4b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"2ee80920-bbcf-40b5-89fd-24f09482ebe1-1780966737","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//rockingjleather.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://rockingjleather.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="75264524426"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="152141660298"
  data-theme-name="Horizon"
  data-theme-version="3.3.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://rockingjleather.com/api/collect"
></script>
</head>

  <body class="page-width-wide card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--20623698690186__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Rocking J Leather \u0026amp; Feather Art ",
    
    "url": "https:\/\/rockingjleather.com"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(255 255 255)"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
><h1 class="visually-hidden">Rocking J Leather &amp; Feather Art </h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371772281380"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-4
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-instock-leather"
                    href="/collections/instock"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Instock Leather </span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-custom-leather"
                    href="/collections/custom"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Custom Leather </span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-feather-art"
                    href="/collections/feather-art"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Feather Art</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-gallery"
                    href="/pages/gallery"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Gallery</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-pricing"
                    href="/pages/price-list"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Pricing</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 7;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 7;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  





            
        
      
        
          
              
  <search-button class="search-action search-action--hidden-on-menu">
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-4"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//rockingjleather.com/cdn/shop/t/4/assets/overflow-list.css?v=78235234226353326431772281399" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Home</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/instock"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Instock Leather </span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/custom"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Custom Leather </span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/feather-art"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Feather Art</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/gallery"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Gallery</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/price-list"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Pricing</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/contact"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Contact</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="menuitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//rockingjleather.com/cdn/shop/t/4/assets/header-menu.js?v=181417698387236267271772281381"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              
            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  

            
        
      
        
          
              
  <search-button class="search-action search-action--hidden-on-drawer">
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//rockingjleather.com/cdn/shop/t/4/assets/cart-icon.js?v=157241182139685326961772281373"
  fetchpriority="low"
></script>



<header-actions>
  
    <script
      src="//rockingjleather.com/cdn/shop/t/4/assets/dialog.js?v=150888536568694194021772281377"
      type="module"
    ></script>

    <anchored-popover-component
      data-close-on-resize="true"
      class="account-popover mobile:hidden"
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <div
        class="account-popover__panel details-content color-scheme-1"
        id="account-popover"
        popover="auto"
        ref="popover"
      >
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//rockingjleather.com/cdn/shop/t/4/assets/account-login-actions.js?v=27524771914008767821772281370"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://rockingjleather.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Findex.css&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </div>
    </anchored-popover-component>

    <dialog-component
      class="account-drawer"
      
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <dialog
        ref="dialog"
        class="color-scheme-1 dialog-modal dialog-drawer account-drawer__dialog"
        scroll-lock
        aria-labelledby="account-drawer-heading"
      >
        <button
          ref="closeButton"
          on:click="/closeDialog"
          class="button button-unstyled close-button account-drawer__close-button"
          aria-label="Close dialog"
          autofocus
        >
          <span
            class="svg-wrapper"
            aria-hidden="true"
          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//rockingjleather.com/cdn/shop/t/4/assets/account-login-actions.js?v=27524771914008767821772281370"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//rockingjleather.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://rockingjleather.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Findex.css&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </dialog>
    </dialog-component>
  

  
    <script
      src="//rockingjleather.com/cdn/shop/t/4/assets/cart-drawer.js?v=60516533948368149871772281372"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/component-cart-items.js?v=16199507049899445991772281374"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=105130809908858639751772281375"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661772281415"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://rockingjleather.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="button header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="
      header-actions__cart-icon
      
    "
    data-testid="cart-icon"
  >
    <span
      class="svg-wrapper"
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--20623698690186__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/component-cart-items.js?v=16199507049899445991772281374"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=105130809908858639751772281375"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661772281415"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://rockingjleather.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
</header-component>

<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/header.js?v=36718054510661947891772281381"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--20623698690186__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--20623698428042__hero_p9CmMG" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--20623698428042__hero_p9CmMG"
  class="hero color-scheme-2"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px));"
  ><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.400437636761488;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #0303037d;
    --overlay-color--end: rgba(3, 3, 3, 0);
    --overlay-direction: to top;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=3840" srcset="//rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/business_card_2.jpg?v=1772283442&amp;width=3840 3840w" width="1920" height="1371" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--row
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      
















<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <rte-formatter class=" spacing-style text-block text-block--AUTZyTm81YThzUHhUY__text_DUJhEw rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h4>HANDCRAFTED </h4><h4>LEATHERWORK </h4><h4>& FEATHER ART</h4>
  </rte-formatter>





































<a
  
    href="/collections/all"
  
  class="
    size-style
    button
    button--AQjhUSHc3VGg1bVpCU__button_x7Ddd8
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop Now
</a>






</div>
</div>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--20623698428042__product_list_themegen" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 72px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  ></div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 20px;--resource-list-row-gap-desktop: 36px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  >


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 23.4em;
        --logo-height: 48px;
      
    

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    




  <jumbo-text 
  style="
    --font-family: var(--font-heading--family);
    --font-weight: var(--font-heading--weight);
    
      --color: var(--color-foreground-heading);
    
    --text-align: left;
    
    --line-height: 1;
    --letter-spacing: -0.03em;
    --text-transform: none;
    --text-trim: trim-both cap text;
  "
  data-cap-text="true"
  

    ><span class="jumbo-text-line">Rocking J Leather &amp; Feather Art </span></jumbo-text
  >


<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/jumbo-text.js?v=126040039634746268181772281396"
  type="module"
  async
></script>



  
</div>






<div
  class="divider divider-AUXloQ2xwUTRPNHpxb__divider_Ra6CxP spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 0px;--padding-block-end: 0px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 1px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>














  <rte-formatter class=" spacing-style text-block text-block--AcnNsL1JsSVNyVTN3N__text_JPAeRt rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h5>Handcrafted leather and feather art inspired by western tradition and the outdoors. Every piece is made with quality materials, attention to detail, and craftsmanship built to last.</h5>
  </rte-formatter>








<div
  class="divider divider-AeGFzRWNPa0U5RjVQa__divider_HiA3bt spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 0px;--padding-block-end: 0px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 5px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>














  <rte-formatter class=" spacing-style text-block text-block--AR2k1T0h4b0hVS2xIS__text_Mhy7PN rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Meet the Maker</h3>
  </rte-formatter>





















  <div
    class="
  image-block image-block--AOHNyQStJTDFJSUE2c__image_iqdxze image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.0;
  --size-style-width:28%;--size-style-height: fit;
  --size-style-width-mobile:34%; --size-style-width-mobile-min:34%;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=3840" alt="" srcset="//rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/Facetune_31-08-2025-07-49-14.jpg?v=1773168600&amp;width=3840 3840w" width="1517" height="1517" class="image-block__image border-style" style="object-position:50.0% 50.0%;
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>














  <rte-formatter class=" spacing-style text-block text-block--AeHdJTVpjWGJiWnZLe__text_KJPmUG paragraph    text-block--align-left text-block--background  rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;              --text-background-color: #8ec69030;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <h1></h1><p>Hi, I’m Sammy — the maker behind Rocking J Leather & Feather Art. </p><p>I’m a 6th generation Arkansan, married to my wonderful husband Tyler. Together we run a small farm where we grow produce and raise Quarter Horses. I barrel race, Tyler ropes, and when we’re not working horses you’ll usually find us hunting, fishing, or enjoying time outdoors.</p><p>I first started leatherworking in 2013 after learning from a saddle maker down the road from my grandma’s. Over the years I’ve worked at the craft off and on and even full time a couple of times, but as of 2026 I’ve committed my whole heart to the work and the skills God has blessed me with.<br/></p><p>Rocking J Leather & Feather Art is built on traditional craftsmanship, patience, and pride in doing things the right way. Every piece is designed and handcrafted by me using quality materials meant to last for years to come.</p>
  </rte-formatter>






</div>
</div>


</div><div id="shopify-section-template--20623698428042__divider_wt8PJh" class="shopify-section">





<div class="section-background color-scheme-2"></div>
<div
  class="section section--full-width color-scheme-2"
  data-testid="divider-template--20623698428042__divider_wt8PJh"
>
  <div
  class="divider divider-template--20623698428042__divider_wt8PJh spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 16px;--padding-block-end: 16px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 1px;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>



</div>


</div><div id="shopify-section-template--20623698428042__media_with_content_8mE4BU" class="shopify-section">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width disable-section-top-offset media-with-content color-scheme-4 spacing-style media-with-content--medium"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 60svh;
        --media-height-mobile: 50svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//rockingjleather.com/cdn/shop/files/IMG_2467.jpg?height=1152&amp;v=1773177043" alt="" width="1440" height="1152" loading="lazy" class="media-block__media border-style" srcset="//rockingjleather.com/cdn/shop/files/IMG_2467.jpg?height=1152&amp;v=1773177043 1x, //rockingjleather.com/cdn/shop/files/IMG_2467.jpg?height=2304&amp;v=1773177043 2x, //rockingjleather.com/cdn/shop/files/IMG_2467.jpg?height=3456&amp;v=1773177043 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Aa2FDbGkxbE1QYmFwb__text_RfE6B6 h3      "  style="    --padding-block-start: 51px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Built from the Hide Up<br/><br/></p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AZzBMeWNUUTBVUmdke__text_LpRm37 rte     rte   "  style="    --padding-block-start: 64px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p>High-quality leather is the foundation of everything we make. We use premium hides that are built to last, developing rich character and patina with time and use. Each piece is crafted to be durable, functional, and made to serve for years to come.</p>
  </rte-formatter>







</div>
</div>






</div>
</div>






</div>




</div><div id="shopify-section-template--20623698428042__media_with_content_GEzyPA" class="shopify-section">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width disable-section-top-offset media-with-content color-scheme-4 spacing-style media-with-content--medium media-with-content--media-right"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 60svh;
        --media-height-mobile: 50svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//rockingjleather.com/cdn/shop/files/IMG_2469.jpg?height=1800&amp;v=1773764204" alt="" width="1440" height="1800" loading="lazy" class="media-block__media border-style" srcset="//rockingjleather.com/cdn/shop/files/IMG_2469.jpg?height=1800&amp;v=1773764204 1x, //rockingjleather.com/cdn/shop/files/IMG_2469.jpg?height=3600&amp;v=1773764204 2x, //rockingjleather.com/cdn/shop/files/IMG_2469.jpg?height=5400&amp;v=1773764204 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AbXVWR1Z6bzNVZCtuU__text_UeR4tQ h3      "  style="    --padding-block-start: 51px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Hand Drawn, Hand Tooled</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AWVVoM2lFM21SRVN2e__text_kwBeHR rte     rte   "  style="    --padding-block-start: 64px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p>Every design is hand drawn and hand tooled, making each piece truly one of a kind. No shortcuts, no mass production. Just traditional craftsmanship and attention to detail in every cut, stamp, and finish.</p>
  </rte-formatter>







</div>
</div>






</div>
</div>






</div>




</div><div id="shopify-section-template--20623698428042__media_with_content_MADUCx" class="shopify-section">



<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width disable-section-top-offset media-with-content color-scheme-4 spacing-style media-with-content--medium"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 60svh;
        --media-height-mobile: 50svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//rockingjleather.com/cdn/shop/files/IMG_1894.jpg?height=4228&amp;v=1772409125" alt="" width="3171" height="4228" loading="lazy" class="media-block__media border-style" srcset="//rockingjleather.com/cdn/shop/files/IMG_1894.jpg?height=4228&amp;v=1772409125 1x, //rockingjleather.com/cdn/shop/files/IMG_1894.jpg?height=5760&amp;v=1772409125 2x, //rockingjleather.com/cdn/shop/files/IMG_1894.jpg?height=5760&amp;v=1772409125 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AREttc2g0bysyZzJGT__text_BWyLie h3      "  style="    --padding-block-start: 52px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>Feather Art </h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AS0hUSDVKeDhRMlN2T__text_Jw3QTV rte     rte   "  style="    --padding-block-start: 64px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p><br/>We also create custom feather art using feathers from your own harvest. Each feather is carefully cleaned, prepared, and arranged by hand into unique patterns and designs. The result is a one-of-a-kind piece that preserves the story of the hunt and turns it into lasting artwork. Like our leatherwork, every piece is crafted with patience, care, and respect for the materials that make it unique.<br/><br/></p>
  </rte-formatter>







</div>
</div>






</div>
</div>






</div>




</div><div id="shopify-section-template--20623698428042__divider_g8dBVQ" class="shopify-section">





<div class="section-background color-scheme-2"></div>
<div
  class="section section--full-width color-scheme-2"
  data-testid="divider-template--20623698428042__divider_g8dBVQ"
>
  <div
  class="divider divider-template--20623698428042__divider_g8dBVQ spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 16px;--padding-block-end: 16px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 1px;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>



</div>


</div><div id="shopify-section-template--20623698428042__product_list_igbyh9" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >











  <rte-formatter class=" spacing-style text-block text-block--AeVJIaGVvczB3aUlEU__product_list_text_QHP7JL rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Instock Leather</h3>
  </rte-formatter>












  

<a
  
    href="/collections/instock"
  
  class="
    size-style
    link
    link--AdTU1VVc3dmppNWR5Y__product_list_button_9PVVMn
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  View all
</a>






</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9059032858762"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9059032858762"
  id="product-card-AeU1GV0lpY24xOTF4T__static-product-card"
  data-product-transition="true"
  
  
>
  <a
    id="6fc62586a90b91a4f2520a04d728dbb9"
    
      href="/products/floral-mahogany-back-cinch-phone-holder?variant=49418428907658"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Floral & Mahogany Back Cinch Phone Holder
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7499021526418786;
  "
  data-product-id="9059032858762"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/floral-mahogany-back-cinch-phone-holder?variant=49418428907658"
      aria-label="Floral & Mahogany Back Cinch Phone Holder"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="32312735694986"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7499021526418786"
  data-media-id="32312735694986"
>
  
  <img src="//rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=3840" alt="Floral &amp; Mahogany Back Cinch Phone Holder" srcset="//rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=3840 3840w" width="3840" height="5121" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="32312735662218"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7499065420560748"
  data-media-id="32312735662218"
>
  
  <img src="//rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=3840" alt="Floral &amp; Mahogany Back Cinch Phone Holder" srcset="//rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=3840 3840w" width="3840" height="5121" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//rockingjleather.com/cdn/shop/files/19C2AB9F-88E8-4296-9E76-2A30B15158DD.jpg?v=1778700018&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 2px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Floral & Mahogany Back Cinch Phone Holder"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--20623698428042__product_list_igbyh9"
    data-product-id="9059032858762"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9059032858762-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
        <shopify-payment-terms variant-id="49418428907658" shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:49418428907658,&quot;price_per_term&quot;:&quot;$37.50&quot;,&quot;full_price&quot;:&quot;$150.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:true,&quot;seller_id&quot;:6992863}"></shopify-payment-terms>
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="49418428907658"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//rockingjleather.com/cdn/shop/files/9A9018B3-EAC9-49BD-8C7C-9B9DB8C94A1F.jpg?v=1778700017&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9059032858762" /><input type="hidden" name="section-id" value="template--20623698428042__product_list_igbyh9" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Floral & Mahogany Back Cinch Phone Holder</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/floral-mahogany-back-cinch-phone-holder?variant=49418428907658"
  >
    






  <div class=" spacing-style text-block text-block--AQzBsK0g0UTdna051Z__product_title_iWnpFB rte     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Floral & Mahogany Back Cinch Phone Holder</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="ARzFEb0xtVXVQdDFRT__price_JaVzgi"
  data-product-id="9059032858762"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$150.00</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card></product-card-link>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="8968201830538"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="8968201830538"
  id="product-card-AeU1GV0lpY24xOTF4T__static-product-card-1"
  data-product-transition="true"
  
  
>
  <a
    id="b6d9ade5eff1d1998306feb52b3b5f37"
    
      href="/products/oak-and-vine-gun-sling?variant=47879900594314"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Oak and Vine Gun Sling
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7499059796916134;
  "
  data-product-id="8968201830538"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/oak-and-vine-gun-sling?variant=47879900594314"
      aria-label="Oak and Vine Gun Sling"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="31888933191818"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7499059796916134"
  data-media-id="31888933191818"
>
  
  <img src="//rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=3840" alt="Oak and Vine Gun Sling" srcset="//rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=3840 3840w" width="3840" height="5121" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 2px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Oak and Vine Gun Sling"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--20623698428042__product_list_igbyh9"
    data-product-id="8968201830538"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8968201830538-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
        <shopify-payment-terms variant-id="47879900594314" shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:47879900594314,&quot;price_per_term&quot;:&quot;$68.75&quot;,&quot;full_price&quot;:&quot;$275.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:true,&quot;seller_id&quot;:6992863}"></shopify-payment-terms>
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47879900594314"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//rockingjleather.com/cdn/shop/files/F870C4A5-AE6C-44CA-B892-417615F5D805.jpg?v=1774630570&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="8968201830538" /><input type="hidden" name="section-id" value="template--20623698428042__product_list_igbyh9" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Oak and Vine Gun Sling</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/oak-and-vine-gun-sling?variant=47879900594314"
  >
    






  <div class=" spacing-style text-block text-block--AQzBsK0g0UTdna051Z__product_title_iWnpFB-1 rte     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Oak and Vine Gun Sling</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="ARzFEb0xtVXVQdDFRT__price_JaVzgi-1"
  data-product-id="8968201830538"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$275.00</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card></product-card-link>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="8968176402570"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="8968176402570"
  id="product-card-AeU1GV0lpY24xOTF4T__static-product-card-2"
  data-product-transition="true"
  
  
>
  <a
    id="c39d2b5acaf3eee9e491c6f29178f83d"
    
      href="/products/ostrich-inlay-gun-sling?variant=47879870808202"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ostrich Inlay Gun Sling
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-2 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.75;
  "
  data-product-id="8968176402570"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/ostrich-inlay-gun-sling?variant=47879870808202"
      aria-label="Ostrich Inlay Gun Sling"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="31888930635914"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="31888930635914"
>
  
  <img src="//rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=3840" alt="Ostrich Inlay Gun Sling" srcset="//rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 2px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ostrich Inlay Gun Sling"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--20623698428042__product_list_igbyh9"
    data-product-id="8968176402570"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8968176402570-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
        <shopify-payment-terms variant-id="47879870808202" shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:47879870808202,&quot;price_per_term&quot;:&quot;$56.25&quot;,&quot;full_price&quot;:&quot;$225.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:true,&quot;seller_id&quot;:6992863}"></shopify-payment-terms>
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47879870808202"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//rockingjleather.com/cdn/shop/files/FullSizeRender_b014d611-33de-4f99-b25e-1c06e30d3a2e.heic?v=1774630542&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="8968176402570" /><input type="hidden" name="section-id" value="template--20623698428042__product_list_igbyh9" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ostrich Inlay Gun Sling</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/ostrich-inlay-gun-sling?variant=47879870808202"
  >
    






  <div class=" spacing-style text-block text-block--AQzBsK0g0UTdna051Z__product_title_iWnpFB-2 rte     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Ostrich Inlay Gun Sling</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="ARzFEb0xtVXVQdDFRT__price_JaVzgi-2"
  data-product-id="8968176402570"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$225.00</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card></product-card-link>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="8968234434698"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="8968234434698"
  id="product-card-AeU1GV0lpY24xOTF4T__static-product-card-3"
  data-product-transition="true"
  
  
>
  <a
    id="c0b84c3d2fad0fa3477791f09b915868"
    
      href="/products/hot-pink-scroll-headstall?variant=47879932280970"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Hot Pink Scroll Headstall
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-3 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.75;
  "
  data-product-id="8968234434698"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hot-pink-scroll-headstall?variant=47879932280970"
      aria-label="Hot Pink Scroll Headstall"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="31888933159050"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="31888933159050"
>
  
  <img src="//rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=3840" alt="Hot Pink Scroll Headstall" srcset="//rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=352 352w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 2px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-1
          "
        >Sold out
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Hot Pink Scroll Headstall"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--20623698428042__product_list_igbyh9"
    data-product-id="8968234434698"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8968234434698-ATTlaeXU4ZXZrYlZhS__product_card_gallery_cLTb7z-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
        <shopify-payment-terms variant-id="47879932280970" shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:47879932280970,&quot;price_per_term&quot;:&quot;$31.25&quot;,&quot;full_price&quot;:&quot;$125.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:false,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:6992863}"></shopify-payment-terms>
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47879932280970"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//rockingjleather.com/cdn/shop/files/26470D72-B658-47C6-9D64-D409DE189D26.jpg?v=1774630570&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="8968234434698" /><input type="hidden" name="section-id" value="template--20623698428042__product_list_igbyh9" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Hot Pink Scroll Headstall</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hot-pink-scroll-headstall?variant=47879932280970"
  >
    






  <div class=" spacing-style text-block text-block--AQzBsK0g0UTdna051Z__product_title_iWnpFB-3 rte     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Hot Pink Scroll Headstall</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="ARzFEb0xtVXVQdDFRT__price_JaVzgi-3"
  data-product-id="8968234434698"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$125.00</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card></product-card-link>




            
          </div>

          
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--20623698428042__divider_KnFR9M" class="shopify-section">





<div class="section-background color-scheme-2"></div>
<div
  class="section section--full-width color-scheme-2"
  data-testid="divider-template--20623698428042__divider_KnFR9M"
>
  <div
  class="divider divider-template--20623698428042__divider_KnFR9M spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 16px;--padding-block-end: 16px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 1px;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>



</div>


</div><section id="shopify-section-template--20623698428042__hero_w7HaTj" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--20623698428042__hero_w7HaTj"
  class="hero color-scheme-4"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 72px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));"
  ><a
        href="/collections/all"
        class="hero__link"
        
          target="_blank" rel="noopener"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.4006849315068493;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000057;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to bottom;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=3840" srcset="//rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=832 832w, //rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=1200 1200w, //rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=1600 1600w, //rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=1920 1920w, //rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=2560 2560w, //rockingjleather.com/cdn/shop/files/IMG_9800.jpg?v=1772285343&amp;width=3840 3840w" width="1227" height="876" loading="lazy" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
    >
      














    </div>
  </div>
</div>




</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--20623698657418__section_jehhzd" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;
  --size-style-width-mobile:90%; --size-style-width-mobile-min:90%;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




























</div>
</div>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-sections--20623698657418__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Rocking J Leather &amp; Feather Art </a>, <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>
</span>
</div>




  <anchored-popover-component
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Terms and Policies
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Privacy policy</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.youtube.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Youtube"
            
          >
            <span class="social-icons__icon-label">Youtube</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.tiktok.com/@shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Tiktok"
            
          >
            <span class="social-icons__icon-label">Tiktok</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.twitter.com/shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Twitter"
            
          >
            <span class="social-icons__icon-label">Twitter</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
      fill="currentColor"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.threads.net/@shopify"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Threads"
            
          >
            <span class="social-icons__icon-label">Threads</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      d="M13.5643 9.39373C13.4928 9.35946 13.4201 9.32648 13.3466 9.29489C13.2184 6.93398 11.9284 5.58236 9.76225 5.56853C9.75244 5.56847 9.74268 5.56847 9.73287 5.56847C8.43724 5.56847 7.35968 6.12151 6.69645 7.12787L7.88776 7.94508C8.38322 7.19337 9.16079 7.03312 9.73344 7.03312C9.74005 7.03312 9.74669 7.03312 9.75324 7.03318C10.4665 7.03772 11.0047 7.24509 11.353 7.6495C11.6065 7.94391 11.776 8.35076 11.86 8.86422C11.2276 8.75674 10.5438 8.7237 9.81267 8.76561C7.7532 8.88424 6.42921 10.0854 6.51814 11.7544C6.56326 12.601 6.98502 13.3293 7.70568 13.8051C8.31498 14.2073 9.09973 14.404 9.91532 14.3594C10.9924 14.3004 11.8373 13.8895 12.4268 13.138C12.8745 12.5674 13.1577 11.8279 13.2827 10.8962C13.796 11.206 14.1764 11.6136 14.3865 12.1037C14.7437 12.9367 14.7646 14.3056 13.6476 15.4216C12.669 16.3993 11.4926 16.8222 9.71484 16.8353C7.74278 16.8206 6.25134 16.1882 5.28165 14.9555C4.37362 13.8012 3.90434 12.1339 3.88683 9.99995C3.90434 7.86597 4.37362 6.19869 5.28165 5.04439C6.25134 3.81169 7.74276 3.17925 9.71481 3.1646C11.7012 3.17937 13.2186 3.81484 14.2254 5.0535C14.7191 5.66092 15.0913 6.4248 15.3367 7.31545L16.7327 6.94297C16.4353 5.84668 15.9673 4.902 15.3304 4.11854C14.0397 2.53053 12.152 1.71682 9.71968 1.69995H9.70995C7.2826 1.71676 5.41601 2.53357 4.16204 4.12764C3.04617 5.54617 2.47057 7.51995 2.45123 9.99412L2.45117 9.99995L2.45123 10.0058C2.47057 12.4799 3.04617 14.4538 4.16204 15.8723C5.41601 17.4663 7.2826 18.2832 9.70995 18.3H9.71968C11.8777 18.285 13.3989 17.72 14.652 16.468C16.2915 14.83 16.2421 12.7769 15.7018 11.5165C15.3141 10.6127 14.575 9.87858 13.5643 9.39373ZM9.83821 12.8969C8.93559 12.9477 7.99785 12.5426 7.95162 11.6748C7.91734 11.0314 8.40952 10.3134 9.89361 10.2279C10.0636 10.2181 10.2303 10.2133 10.3942 10.2133C10.9333 10.2133 11.4376 10.2657 11.8961 10.3659C11.725 12.5016 10.7219 12.8484 9.83821 12.8969Z"
      fill="currentColor"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//rockingjleather.com/cdn/shop/t/4/assets/dialog.js?v=150888536568694194021772281377"
  type="module"
></script>

<script
  src="//rockingjleather.com/cdn/shop/t/4/assets/predictive-search.js?v=149240552485540508541772281402"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Products"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8968614510730"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/23E52E8D-8C94-48E1-B97D-FBE64EA107B5.jpg?v=1774632427&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/black-natural-floral-knife-sheath"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/black-natural-floral-knife-sheath"
  >
    <span class="visually-hidden">
      Black & Natural Floral Knife Sheath
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//rockingjleather.com/cdn/shop/files/23E52E8D-8C94-48E1-B97D-FBE64EA107B5.jpg?v=1774632427&amp;width=500" alt="" srcset="//rockingjleather.com/cdn/shop/files/23E52E8D-8C94-48E1-B97D-FBE64EA107B5.jpg?v=1774632427&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/23E52E8D-8C94-48E1-B97D-FBE64EA107B5.jpg?v=1774632427&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Black & Natural Floral Knife Sheath</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$75.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8968593539210"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/B9F5047E-2863-4CA5-AAD2-C01DEAAD425B.jpg?v=1774632426&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/black-red-floral-knife-sheath"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/black-red-floral-knife-sheath"
  >
    <span class="visually-hidden">
      Black & Red Floral Knife Sheath
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//rockingjleather.com/cdn/shop/files/B9F5047E-2863-4CA5-AAD2-C01DEAAD425B.jpg?v=1774632426&amp;width=500" alt="" srcset="//rockingjleather.com/cdn/shop/files/B9F5047E-2863-4CA5-AAD2-C01DEAAD425B.jpg?v=1774632426&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/B9F5047E-2863-4CA5-AAD2-C01DEAAD425B.jpg?v=1774632426&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Black & Red Floral Knife Sheath</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$75.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8968556904586"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/4D935F2A-228C-4797-B0F0-A9C7F6C6F7C7.jpg?v=1774632426&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/buck-deer-knife-sheath"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/buck-deer-knife-sheath"
  >
    <span class="visually-hidden">
      Buck Deer Knife Sheath
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//rockingjleather.com/cdn/shop/files/4D935F2A-228C-4797-B0F0-A9C7F6C6F7C7.jpg?v=1774632426&amp;width=500" alt="" srcset="//rockingjleather.com/cdn/shop/files/4D935F2A-228C-4797-B0F0-A9C7F6C6F7C7.jpg?v=1774632426&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/4D935F2A-228C-4797-B0F0-A9C7F6C6F7C7.jpg?v=1774632426&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Buck Deer Knife Sheath</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$75.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="8895288311946"
    data-featured-media-url="//rockingjleather.com/cdn/shop/files/51E46714-01AB-499A-8729-98A95B043D80.jpg?v=1772471485&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/flower-bouquet-wrap-deposit"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/flower-bouquet-wrap-deposit"
  >
    <span class="visually-hidden">
      Custom Bouquet Wrap Deposit
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//rockingjleather.com/cdn/shop/files/51E46714-01AB-499A-8729-98A95B043D80.jpg?v=1772471485&amp;width=500" alt="" srcset="//rockingjleather.com/cdn/shop/files/51E46714-01AB-499A-8729-98A95B043D80.jpg?v=1772471485&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/51E46714-01AB-499A-8729-98A95B043D80.jpg?v=1772471485&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//rockingjleather.com/cdn/shop/files/1E8E187D-7478-47F6-AAC3-E3591DB342C3.jpg?v=1772471485&amp;width=500" alt="Custom Bouquet Wrap Deposit" srcset="//rockingjleather.com/cdn/shop/files/1E8E187D-7478-47F6-AAC3-E3591DB342C3.jpg?v=1772471485&amp;width=240 240w, //rockingjleather.com/cdn/shop/files/1E8E187D-7478-47F6-AAC3-E3591DB342C3.jpg?v=1772471485&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="31714891333770" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Custom Bouquet Wrap Deposit</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$50.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
