<!doctype html>
<!-- WF 08552ddedb6d157618829bf2b02bb9b4 Cache -->
<html
  class="
    no-js
    section-spacing-normal
    block-spacing-small
    
    
  "
  lang="en"
>
  
<head>
<link rel="stylesheet" href="/checkout/jscss/wfcheckout.css">
<script src="/checkout/jscss/wfspcheckout.js?202403270123"></script>
<script src="/checkout/jscss/jquery1.12.4.min.js"></script>
    <meta name="google-site-verification" content="95s1me_jGSLynCL5STCflofK07f_yyzn0rQ3ZSwgbnU" />
    <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="theme-color" content="">
    <link rel="canonical" href="https://pet-mates.shop/search?q=aspen+pet+tie+outs">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    

    <title>
      Search: 3 results found for &quot;Aspen Pet Tie Outs&quot; &ndash; Pet-mates</title><style>.lcly-pl-widget-parent{display:none!important;}</style>

    
      <meta name="description" content="Pet-mates has been offering the highest-quality pet products, accessories, supplies, and brands for over 60 years. Shop with us today and give your pet the best products.">
    

    

<meta property="og:site_name" content="Pet-mates">
<meta property="og:url" content="https://pet-mates.shop/search?q=aspen+pet+tie+outs">
<meta property="og:title" content="Search: 3 results found for &quot;Aspen Pet Tie Outs&quot;">
<meta property="og:type" content="website">
<meta property="og:description" content="Pet-mates has been offering the highest-quality pet products, accessories, supplies, and brands for over 60 years. Shop with us today and give your pet the best products."><meta property="og:image" content="http://pet-mates.shop/cdn/shop/files/PM_Primary_Logo_NAVY_1_3a7f7fa8-6171-4d71-8b5b-afe75e7f5e38.png?v=1747669908">
  <meta property="og:image:secure_url" content="https://pet-mates.shop/cdn/shop/files/PM_Primary_Logo_NAVY_1_3a7f7fa8-6171-4d71-8b5b-afe75e7f5e38.png?v=1747669908">
  <meta property="og:image:width" content="1275">
  <meta property="og:image:height" content="483"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Search: 3 results found for &quot;Aspen Pet Tie Outs&quot;">
<meta name="twitter:description" content="Pet-mates has been offering the highest-quality pet products, accessories, supplies, and brands for over 60 years. Shop with us today and give your pet the best products.">

<meta name="google-site-verification" content="95s1me_jGSLynCL5STCflofK07f_yyzn0rQ3ZSwgbnU" />

    <script type="module" src="//pet-mates.shop/cdn/shop/t/43/assets/vendor.mjs?v=30529639322553009171763038633" defer></script>
    <script type="module" src="//pet-mates.shop/cdn/shop/t/43/assets/main.mjs?v=105199717444958343911763038633" defer></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="y69a88f26ffddb7sjf1fnkcuytn0po">
<meta name="google-site-verification" content="OPTeR3x1Vj-b8m9L_OKyhXyZllowaP0t4V_xfnHIMlI">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81716871489/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="9864150f38b5c4f59c1c80fba4239d00">
<meta id="in-context-paypal-metadata" data-shop-id="81716871489" 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=81716871489" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":81716871489,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/81716871489","merchantName":"Pet-mates","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Pet-mates","amount":"0.5"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"9864150f38b5c4f59c1c80fba4239d00","betas":["rich-media-storefront-analytics"],"domain":"pet-mates.shop","predictiveSearch":true,"shopId":81716871489,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "pet-mates.shop";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"🚧 DO NOT EDIT! [Nectar] Pet-mates (Essence) MS","id":182071263553,"schema_name":"Essence","schema_version":"4.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "pet-mates.shop/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</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 id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
<script defer="defer" async type="module" src="//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js"></script>
<script defer="defer" async type="module" src="//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js"></script>
<script defer="defer" async type="module" src="//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js"></script>
<script type="module">
  await import("//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js");
await import("//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js");
await import("//pet-mates.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js");

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

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_DZOKe7Ll.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_B6oLuCjv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_D2sdYoxE.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"pay-button":["modules/v2/client.pay-button_DXTOsIq6.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-button":["modules/v2/client.shop-button_DQZHx9pm.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CR1B-cfM.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_C_vY_xzh.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BI7n9ZSv.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DiYdP3xc.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_D9ZNqS-Q.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_iGw4briv.en.esm.js","modules/v2/client.shop-login-button_QeVjl5Y3.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CqMgW2wH.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_xHeaAweL.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"shop-login":["modules/v2/client.shop-login_D91U-Q7h.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BJmE1dJe.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"],"payment-terms":["modules/v2/client.payment-terms_Ci9AEqFq.en.esm.js","modules/v2/chunk.common_D58fp_Oc.esm.js","modules/v2/chunk.modal_xMitdFEc.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoadnono() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.attn.tv\/petmate\/dtag.js?shop=pet-mates.shop","https:\/\/guarantee-cdn.com\/SealCore\/api\/gjs?t=Msp196\u0026SN=969038196\u0026shop=pet-mates.shop","https:\/\/static.shareasale.com\/json\/shopify\/shareasale-tracking.js?sasmid=74750\u0026ssmtid=19038\u0026shop=pet-mates.shop","https:\/\/cdn.attn.tv\/petmate\/dtag.js?shop=pet-mates.shop","https:\/\/app.kiwisizing.com\/web\/js\/dist\/kiwiSizing\/plugin\/SizingPlugin.prod.js?v=330\u0026shop=pet-mates.shop","\/\/cdn.shopify.com\/proxy\/bb3f042b5e6c5ff0692787878a7305f3a8b90f17f58ad6b9b358a76d6930cc16\/apps.bazaarvoice.com\/deployments\/petmate\/main_site\/production\/en_US\/bv.js?shop=pet-mates.shop\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":81716871489,"offset":-21600,"reqid":"e86437e2-cf40-4292-9f62-f6813c0f2a48-1769356189","pageurl":"pet-mates.shop\/search?options%5Bprefix%5D=last\u0026q=Aspen%20Pet%20Tie%20Outs","u":"516eb0dae61d","p":"searchresults"};</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-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//pet-mates.shop/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//pet-mates.shop/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.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://pet-mates.shop/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 id='scb4127' type='text/javascript' async='' src='https://pet-mates.shop/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://pet-mates.shop/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>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    <script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
    </script>

    

<style>
    :root {
      --color-base-background: 255 255 255;
      --color-base-foreground: 34 34 34;
      --color-base-headings: 21 40 75;
      --color-base-accent: 34 34 34;
      --color-base-accent-foreground: 255 255 255;

      --button-primary-background: 21 40 75;
      --button-primary-background-hover: 28 53 99; --button-primary-background-active: 14 27 51;

      --button-primary-foreground: 255 255 255;

      --button-secondary-background: 19 160 219;
      --button-secondary-background-hover: 33 176 236; --button-secondary-background-active: 17 139 191;

      --button-secondary-foreground: 21 40 75;

      --color-header-background: 255 255 255;
      --color-header-foreground: 28 36 44;

      --color-footer-background: 21 40 75;
      --color-footer-foreground: 255 255 255;

      --color-product-card-background: 255 255 255;
      --color-product-card-text: 0 0 0;

      --color-sale-badge: 209 43 35;
      --color-sale-badge-text: 255 255 255;
      --color-sale-price: 209 43 35;

      --color-sold-out-badge: 0 0 0;
      --color-sold-out-badge-text: 255 255 255;

      --color-custom-badge: 10 11 12;
      --color-custom-badge-text: 255 255 255;

      --color-rating-star: 255 198 13;

      --color-in-stock-text: 22 163 74;
      --color-low-stock-text: 220 38 38;

      --color-free-shipping-bar: 0 0 0;

      --color-modal-background: 255 255 255;
      --color-modal-foreground: 0 0 0;

      --color-article-category-badge: 0 0 0;
      --color-article-category-badge-text: 255 255 255;

      --color-success: 22 163 74;
      --color-success-light: 232 246 237;

      --color-warning: 255 198 13;
      --color-warning-light: 255 249 231;

      --color-danger: 220 38 38;
      --color-danger-light: 252 233 233;

      
      
        --color-active-filter-pill: var(--color-base-foreground) / 6%;
        --color-active-filter-pill-foreground: var(--color-base-foreground);
      

      
        --color-input-accent: var(--color-base-accent);
        --color-input-accent-foreground: var(--color-base-accent-foreground);
      

      
        --color-progress-bar: var(--color-base-accent);
      

      
        --color-range-slider: var(--color-base-accent);
      

      
        --color-selected-dropdown-item: rgb(var(--color-base-accent) / 8%);
        --color-selected-dropdown-item-foreground: var(--color-base-foreground);
      

      
        --color-cart-badge: var(--button-secondary-background);
        --color-cart-badge-foreground: var(--button-secondary-foreground);
      

      

      --main-bg-number: 16646655;
    }

    
</style>



<style>
  @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//pet-mates.shop/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
       url("//pet-mates.shop/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
}

  @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//pet-mates.shop/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("//pet-mates.shop/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

  @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//pet-mates.shop/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"),
       url("//pet-mates.shop/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff");
}

  @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//pet-mates.shop/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
       url("//pet-mates.shop/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
}

  @font-face {
  font-family: Inter;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("//pet-mates.shop/cdn/fonts/inter/inter_n8.d15c916037fee1656886aab64725534609d62cc8.woff2") format("woff2"),
       url("//pet-mates.shop/cdn/fonts/inter/inter_n8.c88637171fecf10ab2d88c89dbf06f41a1ae8be5.woff") format("woff");
}


  :root {
    --font-body-family: Roboto, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;

    --font-heading-family: Inter, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 800;
    --heading-text-transform: normal;
    --heading-letter-spacing: -0.025em;

    --font-body-scale: 1.0;
    --font-body-letter-spacing: 0.0em;

    
        --navigation-font-family: var(--font-heading-family);
        --navigation-font-weight: var(--font-heading-weight);
        --navigation-font-style: var(--font-heading-style);
      

    --navigation-text-transform: normal;

    
        --button-font-family: var(--font-body-family);
        --button-font-weight: var(--font-body-weight-bold);
        --button-font-style: var(--font-body-style);
      

    --button-text-transform: uppercase;

    
        --label-font-family: var(--font-body-family);
        --label-font-weight: var(--font-body-weight-bold);
        --label-font-style: var(--font-body-style);
      

    --label-text-transform: uppercase;


    --label-font-size: var(--size-text-sm);

    
        --product-card-font-family: var(--font-body-family);
        --product-card-font-weight: var(--font-body-weight-bold);
      

    
        --accordion-font-family: var(--font-heading-family);
        --accordion-font-weight: var(--font-heading-weight);
        --accordion-text-transform: var(--heading-text-transform);
        --accordion-letter-spacing: var(--heading-letter-spacing);
      

    --font-heading-scale: 1;
    --size-text-h0: calc(var(--size-h0-rfs) * var(--font-heading-scale));
    --size-text-h1: calc(var(--size-h1-rfs) * var(--font-heading-scale));
    --size-text-h2: calc(var(--size-h2-rfs) * var(--font-heading-scale));
    --size-text-h3: calc(var(--size-h3-rfs) * var(--font-heading-scale));
    --size-text-h4: calc(var(--size-h4-rfs) * var(--font-heading-scale));
    --size-text-h5: calc(var(--size-h5-rfs) * var(--font-heading-scale));
    --size-text-h6: calc(var(--size-h6-rfs) * var(--font-heading-scale));
  }
</style>
<style>
  :root {
    --container-max-inner-width-const: 1600px;
  }

  

  .text-center .button-group-inner {
    justify-content: center;
  }

  .text-right .button-group-inner {
    justify-content: flex-end;
  }
</style>
<style>
  :root {
    --block-corner-radius: 4px;
    --block-sm-corner-radius: calc(min(var(--block-corner-radius), .5rem));
    --block-xs-corner-radius: calc(min(var(--block-corner-radius), .25rem));

    --button-corner-radius: 4px;
    --input-corner-radius: 4px;
    --dropdown-corner-radius: 4px;

    --image-background-shade: 0.97;

    
        --color-swatch-border-radius: 9999px;
        --color-swatch-aspect-ratio: 1.0;
      

    
  }

  


  

  
</style>


<style>
  :root {
    --svg-message-danger: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.76034 2.98801L5.87883 7.7671H7.12297L7.24146 2.98801H5.76034ZM6.5009 10.2356C6.95017 10.2356 7.30563 9.89497 7.30563 9.4605C7.30563 9.02604 6.95017 8.68538 6.5009 8.68538C6.05163 8.68538 5.69615 9.02604 5.69615 9.4605C5.69615 9.89497 6.05163 10.2356 6.5009 10.2356Z' fill='white'/%3E%3C/svg%3E%0A");
    --svg-circle-check: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01528 6.3321L5.44807 8.7649L9.98472 4.2351' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --svg-message-success: var(--svg-circle-check);
    --svg-message-unavailable: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11.9792' y='16.2218' width='6' height='28' transform='rotate(-45 11.9792 16.2218)' fill='white'/%3E%3Crect x='16.2218' y='36.0208' width='6' height='28' transform='rotate(-135 16.2218 36.0208)' fill='white'/%3E%3C/svg%3E%0A");

    --svg-star: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath d='M32 3L39.1844 25.1115H62.4338L43.6247 38.7771L50.8091 60.8885L32 47.2229L13.1909 60.8885L20.3753 38.7771L1.56619 25.1115H24.8156L32 3Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='64' height='64' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --svg-check: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d=%22M21.9865%206.8196L9.75033%2019.0558L4.55575%2013.8612%22%20stroke=%22currentColor%22%20stroke-width=%222.5%22%20/%3E%0A%3C/svg%3E%0A");
    --svg-checkbox-check: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d=%22M21.9865%206.8196L9.75033%2019.0558L4.55575%2013.8612%22%20stroke=%22white%22%20stroke-width=%222.5%22%20/%3E%0A%3C/svg%3E%0A");
    --svg-chevron: url("data:image/svg+xml,%3Csvg%20class=%22icon-chevron%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%0A%20%20%20%20d=%22M8.00003%2020L16%2012L8.00003%204.00004%22%0A%20%20%20%20stroke=%22currentColor%22%0A%20%20%20%20stroke-width=%22var(--icon-stroke-width,%202)%22%0A%20%20%20%20stroke-linecap=%22var(--icon-stroke-linecap)%22%0A%20%20%20%20stroke-linejoin=%22var(--icon-stroke-linejoin)%22%0A%20%20%20%20vector-effect=%22non-scaling-stroke%22%20/%3E%0A%3C/svg%3E%0A");
    --svg-product-card-size-unavailable: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='30' height='30'%3E%3Cpath d='M 0,30 30,0' style='stroke:%23000000;stroke-width:1'/%3E%3Cpath d='M 0,0 30,30' style='stroke:%23000000;stroke-width:1'/%3E%3C/svg%3E");


    
        --icon-xs-stroke-width: 1.5px;
        --icon-sm-stroke-width: 1.75px;
        --icon-md-stroke-width: 1.875px;
        --icon-lg-stroke-width: 2px;
        --icon-xl-stroke-width: 2.5px;
      


    --icon-stroke-width: var(--icon-md-stroke-width);

    --icon-stroke-linecap: square;
    --icon-stroke-linejoin: square;
  }
</style>


    <link href="//pet-mates.shop/cdn/shop/t/43/assets/main.css?v=48769990976509433881763038633" rel="stylesheet" type="text/css" media="all" />
    <!-- template.name: search  template.suffix:  -->
    
<link rel="stylesheet" href="https://use.typekit.net/kiv8ixb.css">


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Protest+Riot&display=swap" rel="stylesheet">

<style type="text/css">

/* BazaarVoice divs */
div[data-bv-show] { 
    display: block !important;
}

/* button */
.button, 
.shopify-payment-button__button--unbranded:not([disabled]), 
.shopify-payment-button__button--unbranded[disabled], 
.shopify-challenge__button {
  padding: .7em 1em;
}
.cart-modal-item .button, /* cart drawer */
.button.qty-selector__button /* cart page */ { 
  padding: 0;
}

/* announcement bar */
.announcement-bar .announcement { letter-spacing: normal; font-size: 16px; }

/* promotion bar */

/* header */
.header-icon-btn svg { stroke: #13A0DB; }
.header-icon-btn svg path { stroke: #13A0DB; }
[target="#cart-modal"] .header-icon-btn svg circle { fill: #13A0DB; }
.header-icon-btn[href="/account"] svg circle { stroke: #13A0DB; }
.header-icon-btn[href="/search"] svg circle { stroke: #13A0DB; }
ul.menu .menu-item { flex-direction: column; gap: 5px; letter-spacing: 0.04em; }
ul.menu .menu-item .collapse-chevron { margin-left: 0; }
ul.menu .menu-item .collapse-chevron svg path { stroke: #13A0DB; }
.cart-badge { color: #ffffff; }

/* mega menus */
.header__nav .mega-menu-horizontal__inner .container {
  width: auto;
  flex-grow: 0;
  justify-content: center;
}
.header__nav .mega-menu-horizontal__inner .container .grid-cols-mega-menu-horizontal-items {
  flex-grow: 0 !important;
}
/* mega menu when .no-menu applid to .container */
.header__nav .mega-menu-horizontal__inner .container.no-menu {
  flex-grow: 1; 
}
.header__nav .mega-menu-horizontal__inner .container.no-menu .grid-cols-mega-menu-horizontal-items {
  display: none;
}
.header__nav .mega-menu-horizontal__inner .container.no-menu .mega-menu-horizontal__promo {
  max-width: none !important;
}
.header__nav .mega-menu-horizontal__inner a.button {
  font-size: 0.9rem;
}


/* footer */
.footer {
  background-image: url(//pet-mates.shop/cdn/shop/files/footer-background.jpg?v=9848518450200248201);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__blocks .footer-block--text img { margin-bottom: 20px; }
.footer__blocks .footer-block--text p { display: none; }
.footer__blocks .footer-block--text ul {
  list-style: none;
  padding: 0;
}
.footer__blocks .footer-block--text ul li { 
  display: inline-block;
  margin: 0;
  padding: 0 3px;
}
.footer__blocks .footer-block--text ul li a {
  margin: 0;
  display: block;
  width: 35px;
  height: 35px;
  text-align: left;
  text-indent: -9999em;
  background-size: 35px 35px;
  background-position: center center;
  background-repeat: no-repeat;
}
.footer__blocks .footer-block--text ul li:nth-child(1) a {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23fff' d='M12.478 5.793h10.393a7.18 7.18 0 0 1 7.176 7.176V23.36a7.176 7.176 0 0 1-7.176 7.176H12.478a7.18 7.18 0 0 1-7.176-7.176V12.97a7.176 7.176 0 0 1 7.176-7.176m-.247 2.474a4.454 4.454 0 0 0-4.454 4.454V23.61a4.45 4.45 0 0 0 4.454 4.454h10.887a4.454 4.454 0 0 0 4.454-4.454V12.72a4.45 4.45 0 0 0-4.454-4.454zm11.939 1.856a1.546 1.546 0 1 1 0 3.093 1.546 1.546 0 0 1 0-3.093m-6.496 1.856a6.186 6.186 0 1 1 0 12.372 6.186 6.186 0 0 1 0-12.372m0 2.474a3.712 3.712 0 1 0 0 7.424 3.712 3.712 0 0 0 0-7.424'/%3E%3C/svg%3E");
}
.footer__blocks .footer-block--text ul li:nth-child(2) a {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' fill='none' viewBox='0 0 37 36'%3E%3Cpath fill='%23fff' d='M30.93 18.196c0-6.846-5.542-12.403-12.372-12.403S6.186 11.35 6.186 18.196c0 6.003 4.256 11.002 9.898 12.155v-8.434h-2.475v-3.72h2.475v-3.102a4.34 4.34 0 0 1 4.33-4.34h3.093v3.72h-2.474c-.68 0-1.238.558-1.238 1.24v2.481h3.712v3.721h-3.712v8.62c6.248-.62 11.135-5.904 11.135-12.34'/%3E%3C/svg%3E");
}
.footer__blocks .footer-block--text ul li:nth-child(3) a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' fill='none' viewBox='0 0 37 36'%3E%3Cpath fill='%23fff' d='M9.044 11.751a2.977 2.977 0 0 0 2.974-2.979 2.976 2.976 0 0 0-2.974-2.979A2.976 2.976 0 0 0 6.07 8.772a2.977 2.977 0 0 0 2.974 2.979M14.826 14.008v16.528h5.122v-8.173c0-2.157.406-4.246 3.075-4.246 2.633 0 2.665 2.466 2.665 4.382v8.038h5.126v-9.063c0-4.453-.957-7.874-6.152-7.874-2.494 0-4.166 1.37-4.85 2.669h-.069v-2.26zm-8.348 0h5.13v16.528h-5.13z'/%3E%3C/svg%3E");
}
.footer__blocks .footer-block--text ul li:nth-child(4) a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23fff' d='m15.38 22.584 7.644-4.419-7.644-4.418zM32.406 11.05c.192.692.324 1.62.413 2.799.103 1.178.147 2.194.147 3.078l.088 1.237c0 3.226-.235 5.597-.648 7.114-.368 1.326-1.222 2.18-2.548 2.548-.692.191-1.959.324-3.903.412a98 98 0 0 1-5.287.148l-2.342.088c-6.172 0-10.016-.236-11.533-.648-1.326-.368-2.18-1.222-2.548-2.548-.191-.692-.324-1.62-.412-2.798a35 35 0 0 1-.148-3.079l-.088-1.237c0-3.225.236-5.597.648-7.114.368-1.325 1.222-2.18 2.548-2.548.692-.191 1.959-.324 3.903-.412a98 98 0 0 1 5.288-.148l2.342-.088c6.17 0 10.015.236 11.532.648 1.326.368 2.18 1.223 2.548 2.548'/%3E%3C/svg%3E");
}
.footer hr, 
.footer .footer__bottom { display: none; }

/* product card */
.product-card.group { padding: 20px; background: #F1F3F5; }
.product-card__info .product-name { color: #15284B; }
.product-card__info .price-wrapper { font-weight: 600; color: #223149; }
.product-card__info a.shopnow {
    display: inline-block;
    background: #15284B;
    border-radius: 4px;
    color: #ffffff;
    padding: 11px 16px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 1;
    margin-top: 20px;
    text-transform: uppercase;
    white-space: nowrap
}
.product-card__info a.shopnow:hover {
  background: #13A0DB;
}
@media screen and (max-width: 768px) {
  .product-card.group { padding: 10px 10px 20px; }
  .product-card__info a.shopnow { padding: 10px; font-size: 14px; }
}

/* article card */
.article-card { background: #ffffff; }
.article-card .article-card__title { padding: 0 20px; }
.article-card .leading-relaxed { padding-left: 20px; padding-right: 20px; }
.article-card .article-card__details { padding: 0 20px 20px; }
.article-card .article-card__details time { color: #1372B9; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }

/* collection */
.filter-label-count {
  opacity: 1;
}

</style>
    
    
    

    <!-- LogRocket -->
<script src="https://cdn.lgrckt-in.com/LogRocket.min.js" crossorigin="anonymous"></script>
<script>window.LogRocket && window.LogRocket.init('60ckuu/petmate');</script>

<!-- Locally -->
<script id="lcly-track-pixel-js">
!function(s,h,op,l,o,c,a,ll,y){let e="";(op=function(){setTimeout((()=>{try{const t=s.location.pathname+s.location.search;if(t===e)return;if(e=t,l=encodeURIComponent(h.referrer),o=new URLSearchParams(new URL(s.location.href).search),c=new URLSearchParams,o.forEach(((v,k)=>{k.startsWith("utm_")&&c.append(k,v)})),[...c].length<1&&l)try{const e=new URLSearchParams(new URL(decodeURIComponent(l)).search);let t=new URL(s.location.href);e.forEach(((v,k)=>{k.startsWith("utm_")&&(c.append(k,v),t.searchParams.set(k,v))})),history.replaceState(null,"",t.toString())}catch(e){console.warn("Referrer parse error",e)}(ll=h.createElement("img")).id="lcly_px",ll.src=`https://petmate.locally.com/px?r=${l}&u=${encodeURIComponent(s.location.href)}&${c}`,ll.width=1,ll.height=1,ll.style.display="none",h.body?h.body.appendChild(ll):h.addEventListener("DOMContentLoaded",(()=>h.body.appendChild(ll))),ll.onload=setTimeout((()=>ll.remove()),500)}catch(e){console.error("Pixel tracking error:",e)}}),50)})(),"navigation"in s&&"function"==typeof s.navigation.addEventListener?s.navigation.addEventListener("navigate",op):(s.addEventListener("popstate",op),y=history.pushState,history.pushState=function(){y.apply(this,arguments),op()})}(window,document);
</script>

<!-- Amazon Tag 14 Oct 2024 -->
<script> !function(w,d,s,t,a){if(w.amzn)return;w.amzn=a=function(){w.amzn.q.push([arguments,(new Date).getTime()])};a.q=[];a.version="0.0";s=d.createElement("script");s.src="https://c.amazon-adsystem.com/aat/amzn.js";s.id="amzn-pixel";s.async=true;t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t)}(window,document); amzn("setRegion", "NA"); amzn("addTag", "ffe144d7-8186-40a4-8a20-c5f40f0b1d92"); amzn("trackEvent", "PageView"); </script>

<!-- AddShoppers tag 20 Nov 2024 --> 
 
<script type="text/javascript">
var AddShoppersWidgetOptions = { 'loadCss': false, 'pushResponse': false };
(!function(){
    var t=document.createElement("script");
    t.type="text/javascript",
    t.async=!0,
    t.id="AddShoppers",
    t.src="https://shop.pe/widget/widget_async.js#5a036113d559300b568becb7",
    document.getElementsByTagName("head")[0].appendChild(t)
}());
</script>

  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://pet-mates.shop/onsite/js/S3dfRa/klaviyo.js?company_id=S3dfRa"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>







<!-- END app block --><script src="https://cdn.shopify.com/extensions/019bebe6-d311-7b52-b942-cf0ddf62853f/estimator-app-120/assets/estimator-init.js" type="text/javascript" defer="defer"></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: 81716871489,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 81716871489,storefrontBaseUrl: "https://pet-mates.shop",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"2283045185","configuration":"{\"siteId\":\"95qxnRPDy93ENByG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c9406bb6835a3b96d17b5d48e4254f48","type":"APP","apiClientId":45694124033,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[]}},{"id":"1955397953","configuration":"{\"accountID\":\"S3dfRa\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1203470657","configuration":"{\"tagID\":\"2612695306627\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"882082113","configuration":"{\"locale\":\"en_US\",\"client\":\"petmate\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c66697eb58325cdd391312b133dd08c4","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"]}},{"id":"712311105","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-9HSYHVV5L1\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/suucCKurkKIZEMyM4O0D\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/gUj0CKWrkKIZEMyM4O0D\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/g1s_CKKrkKIZEMyM4O0D\\\",\\\"MC-N8G8RR6F7H\\\",\\\"MC-2G58HGJ5Y4\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/sAVXCJyrkKIZEMyM4O0D\\\",\\\"MC-N8G8RR6F7H\\\",\\\"MC-2G58HGJ5Y4\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/7zsNCJ-rkKIZEMyM4O0D\\\",\\\"MC-N8G8RR6F7H\\\",\\\"MC-2G58HGJ5Y4\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/gXRyCK6rkKIZEMyM4O0D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-9HSYHVV5L1\\\",\\\"AW-1035470412\\\/vN5LCKirkKIZEMyM4O0D\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"436994369","configuration":"{\"masterTagID\":\"19038\",\"merchantID\":\"74750\",\"appPath\":\"https:\/\/daedalus.shareasale.com\",\"storeID\":\"NaN\",\"xTypeMode\":\"NaN\",\"xTypeValue\":\"NaN\",\"channelDedup\":\"NaN\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f300cca684872f2df140f714437af558","type":"APP","apiClientId":4929191,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"]}},{"id":"314769729","configuration":"{\"pixel_id\":\"473529502849107\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"225476929","configuration":"{\"ti\":\"343127006\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"]}},{"id":"152994113","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"3dbd78f0aeeb2c473821a9db9e2dd54a","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"95453505","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Upsellit Pixel"},{"id":"110952769","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Conversion tracking tag"},{"id":"124617025","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"AddShoppers"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Pet-mates","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"pet-mates.shop","countryCode":"US","storefrontUrl":"https:\/\/pet-mates.shop"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://pet-mates.shop/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"81716871489","storefrontBaseUrl":"https:\/\/pet-mates.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"Aspen Pet Tie Outs\",\"productVariants\":[{\"price\":{\"amount\":24.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Aspen Pet Easyturn Stake W\/ Tie-Out\",\"vendor\":\"Aspen Pet\",\"id\":\"8996488610113\",\"untranslatedTitle\":\"Aspen Pet Easyturn Stake W\/ Tie-Out\",\"url\":\"\/products\/aspen-pet-easyturn-stake-w-tie-out?_pos=1\u0026_sid=16ec326d7\u0026_ss=r\",\"type\":\"Collars \u0026 Leashes\"},\"id\":\"47429225087297\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/3439815.SILVER.jpg?v=1701972497\"},\"sku\":\"3449820\",\"title\":\"SILVER \/ 20 FT.\",\"untranslatedTitle\":\"SILVER \/ 20 FT.\"},{\"price\":{\"amount\":29.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Aspen Pet Yellow EasyTurn Stake W\/ 20 ft. Cable Tie-Out\",\"vendor\":\"Aspen Pet\",\"id\":\"8996488544577\",\"untranslatedTitle\":\"Aspen Pet Yellow EasyTurn Stake W\/ 20 ft. Cable Tie-Out\",\"url\":\"\/products\/aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out?_pos=2\u0026_sid=16ec326d7\u0026_ss=r\",\"type\":\"Collars \u0026 Leashes\"},\"id\":\"47429224857921\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/3420720.YELLOW.jpg?v=1701974105\"},\"sku\":\"3420720\",\"title\":\"YELLOW \/ 18\\\" \/ 20'\",\"untranslatedTitle\":\"YELLOW \/ 18\\\" \/ 20'\"},{\"price\":{\"amount\":24.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System\",\"vendor\":\"Aspen Pet\",\"id\":\"8996483531073\",\"untranslatedTitle\":\"Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System\",\"url\":\"\/products\/aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system?_pos=3\u0026_sid=16ec326d7\u0026_ss=r\",\"type\":\"Collars \u0026 Leashes\"},\"id\":\"47429210931521\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709\"},\"sku\":\"24168\",\"title\":\"EASYTURN STAKE \u0026 CABLE \/ ONE SIZE\",\"untranslatedTitle\":\"EASYTURN STAKE \u0026 CABLE \/ ONE SIZE\"}]}}]]"});</script><script>
  window.pet-mates.shop = window.pet-mates.shop || {};
  window.pet-mates.shop.meta = window.pet-mates.shop.meta || {};
  window.pet-mates.shop.meta.currency = 'USD';
  var meta = {"products":[{"id":8996488610113,"gid":"gid:\/\/shopify\/Product\/8996488610113","vendor":"Aspen Pet","type":"Collars \u0026 Leashes","handle":"aspen-pet-easyturn-stake-w-tie-out","variants":[{"id":47429225087297,"price":1249.5,"name":"Aspen Pet Easyturn Stake W\/ Tie-Out - SILVER \/ 20 FT.","public_title":"SILVER \/ 20 FT.","sku":"3449820"}],"remote":false},{"id":8996488544577,"gid":"gid:\/\/shopify\/Product\/8996488544577","vendor":"Aspen Pet","type":"Collars \u0026 Leashes","handle":"aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out","variants":[{"id":47429224857921,"price":1499.5,"name":"Aspen Pet Yellow EasyTurn Stake W\/ 20 ft. Cable Tie-Out - YELLOW \/ 18\" \/ 20'","public_title":"YELLOW \/ 18\" \/ 20'","sku":"3420720"}],"remote":false},{"id":8996483531073,"gid":"gid:\/\/shopify\/Product\/8996483531073","vendor":"Aspen Pet","type":"Collars \u0026 Leashes","handle":"aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system","variants":[{"id":47429210931521,"price":1249.5,"name":"Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System - EASYTURN STAKE \u0026 CABLE \/ ONE SIZE","public_title":"EASYTURN STAKE \u0026 CABLE \/ ONE SIZE","sku":"24168"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"e86437e2-cf40-4292-9f62-f6813c0f2a48-1769356189"}};
  for (var attr in meta) {
    window.pet-mates.shop.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.pet-mates.shop.lib = window.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);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkiexxx.noload = 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: 81716871489,
      theme_id: 182071263553,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//pet-mates.shop/cdn/s/trekkie.storefront.8d95595f799fbf7e1d32231b9a28fd43b70c67d3.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//pet-mates.shop/cdn/s/trekkie.storefront.8d95595f799fbf7e1d32231b9a28fd43b70c67d3.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//pet-mates.shop/cdn/s/trekkie.storefront.8d95595f799fbf7e1d32231b9a28fd43b70c67d3.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkiexxx.noload(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81716871489,"isMerchantRequest":null,"themeId":182071263553,"themeCityHash":"8042402472489402883","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

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

      window.pet-mates.shop.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.pet-mates.shop.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.pet-mates.shop.lib.page(null,{"pageType":"searchresults","requestId":"e86437e2-cf40-4292-9f62-f6813c0f2a48-1769356189","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.pet-mates.shop.lib.track("Performed Search",{"query":"Aspen Pet Tie Outs"},undefined,undefined,{"shopifyEmitted":true});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//pet-mates.shop/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://pet-mates.shop/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
  data-application="storefront-renderer"
  data-shop-id="81716871489"
  data-render-region="gcp-us-west1"
  data-page-type="search"
  data-theme-instance-id="182071263553"
  data-theme-name="Essence"
  data-theme-version="4.0.0"
  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://pet-mates.shop/api/collect"
></script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KrEuAx7pvxLEKOnE",ck:"KrEuAx7pvxLEKOnE"})</script></head>
  <body
    class="
      antialiased
      search-page
      color-background
      inputs-filled
      
    "
    data-instant-whitelist
  >
    <script>
      function setScrollbarWidth() {
        if (document.body.classList.contains('no-scroll')) return;

        const w = document.body.getBoundingClientRect().width;
        document.body.style.overflow = 'hidden';
        const w2 = document.body.getBoundingClientRect().width;
        document.body.style.overflow = null;

        document.documentElement.style.setProperty('--scrollbar-width', `${w2 - w}px`);
      }

      setScrollbarWidth();
    </script>

    <script>
  class HeightObserver extends HTMLElement {
    constructor() {
      super();

      this.resizeObserver = new ResizeObserver((entries) => {
        const variable = this.getAttribute('variable');
        if (variable && entries.length > 0) {
          document.documentElement.style.setProperty(
            `--${variable}`,
            entries[0].borderBoxSize?.length > 0
              ? `${entries[0].borderBoxSize[0].blockSize}px`
              : `${this.firstElementChild.offsetHeight}px`
          );
        }
      });

      this.mutationObserver = new MutationObserver((_, observer) => {
        if (this.firstElementChild) {
          this.resizeObserver.observe(this.firstElementChild);
          observer.disconnect();
        }
      });
    }

    connectedCallback() {
      if (this.firstElementChild) {
        this.resizeObserver.observe(this.firstElementChild);
      } else {
        this.mutationObserver.observe(this, { childList: true });
      }
    }

    disconnectedCallback() {
      this.mutationObserver.disconnect();
      this.resizeObserver.disconnect();
    }
  }

  customElements.define('height-observer', HeightObserver);
</script>


    <a class="skip-to-content-link visually-hidden" href="#MainContent">
      Skip to content
    </a>

    <template id="template-modal">
  <style>
    .overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: var(--overlay-bg);
      z-index: 1900;
      display: none;
      cursor: pointer;
    }

    .panel {
      --color-background: var(--color-modal-background);
      --color-foreground: var(--color-modal-foreground);

      background: rgb(var(--color-background));
      color: rgb(var(--color-foreground));
      border-radius: var(--block-corner-radius);
      overflow: hidden;

      pointer-events: auto;
    }

    .panel.hide-scrollbar {
      scrollbar-width: none;
    }

    .panel.hide-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .panel-inner {
      height: 100%;
    }

    .panel-wrapper {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      z-index: 2000;
      pointer-events: none;
    }

    :host(.modal-scrollable) .panel-inner {
      overflow-y: auto;
    }

    @keyframes dash {
      0% {
        stroke-dashoffset: 280;
      }
      50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
      }
    }

    .loading-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgb(var(--color-modal-background) / 50%);
      border-radius: var(--block-corner-radius);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
    }

    .spinner {
      width: min(15vw, 4rem);
    }

    .spinner .path {
      stroke-dasharray: 280;
      stroke-dashoffset: 0;
      transform-origin: center;
      stroke: rgb(var(--color-foreground));
      animation: dash 1.4s ease-in-out infinite;
    }

    @media (min-width: 768px) {
      .md\:max-w-\[640px\] {
        max-width: 640px;
      }
    }
  </style>

  <slot name="activator"></slot>

  <div class="panel-wrapper" part="panel-wrapper">
    <div class="panel" part="panel" tabindex="-1">
      <div class="loading-overlay" style="display: none;">
        <svg
  aria-hidden="true"
  focusable="false"
  class="spinner "
  viewBox="0 0 66 66"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
</svg>

      </div>

      <div class="panel-inner" part="panel-inner">
        <slot name="content"></slot>
      </div>
    </div>
  </div>

  <div class="overlay" part="overlay"></div>
</template>
<template id="template-mobile-menu-page">
  <style>
    .wrapper {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 100;
      display: flex;
      flex-direction: column;
    }

    .content {
      background: rgb(var(--color-modal-background));
      flex-grow: 1;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .header {
      flex-shrink: 0;
      height: var(--mobile-menu-header-height);
      background: rgb(var(--white));
      padding: 0 1.5rem;
      display: flex;
      align-items: center;
    }

    .header-title {
      font-size: var(--size-text-base);
      font-weight: var(--weight-bold);
      font-family: var(--font-heading-family);
    }

    .header-side {
      flex-grow: 1;
      flex-basis: 0;
    }

    .header-side:last-child {
      display: flex;
      justify-content: end;
      align-items: center;
    }

    .back-button,
    .close-button {
      display: flex;
      width: 1rem;
      height: 1rem;
      background: none;
      color: rgb(var(--color-foreground));
      margin-left: auto;
      border: 0;
      padding: 0;
      margin: 0;
      -webkit-appearance: none;
      appearance: none;
    }

    .back-button svg {
      transform: scaleX(-1);
    }

    .close-button {
      width: 1rem;
      height: 1rem;
    }
  </style>

  <slot name="activator"></slot>

  <div class="wrapper" style="display: none;">
    <div class="content">
      <slot name="content"></slot>
    </div>
  </div>
</template>


    <header class="contents">
      
        <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25477055906113__custom_liquid_JnUXdj" class="shopify-section shopify-section-group-header-group">



<style>
  #shopify-section-sections--25477055906113__custom_liquid_JnUXdj {
    --section-bg-number: 1375800;
  }

  #shopify-section-sections--25477055906113__custom_liquid_JnUXdj + * {
    
      --previous-section-bg-number: 1375800;
    
  }
</style>


<div class="section section--full-width  !px-0  !py-0 " style=" 
  --color-background: 21 40 75;



  --color-foreground: 255 255 255;



"
>
  <div class="section-body">
    <style type="text/css">
.petmate-brand-switcher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
overflow-x: auto;          /* enable horizontal scroll */
white-space: nowrap;       /* prevent wrapping */
gap: 20px;                 /* optional spacing between boxes */
  scroll-behavior: smooth;   /* smooth scrolling on mobile */
  /*background-color: #15284B; set on the custom liquid section */
  /* color: #ffffff; set on the custom liquid section */
}
.petmate-brand-switcher .left-box,
.petmate-brand-switcher .right-box {
  flex: 0 0 auto;            /* prevent shrinking */
  min-width: 200px;          /* adjust as needed */
  padding: 10px;
}
.petmate-brand-switcher .left-box {
  text-align: left;
}
.petmate-brand-switcher .right-box {
  text-align: right;
}
.petmate-brand-switcher p {
    font-size: 13px;
}
.petmate-brand-switcher p a {
    /*color: #ffffff; set on the custom liquid section CSS settings */
    font-weight: 700;
}
.petmate-brand-switcher .left-box p a {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none;
}
.petmate-brand-switcher .left-box p a:hover {
    text-decoration: underline;
}
</style><section class="petmate-brand-switcher ">
  <div class="left-box">
    <p>Shop Our Pet-mates Brands: 
      <a href="https://pet-mates.shop">Pet-mates</a> 
      <a href="https://pet-mates.shop/pages/chuckit-products/">Chuckit!</a> 
      <a href="https://pet-mates.shop/pages/vittles-vault-products/">Vittles Vault</a>
    </p>
  </div>
  <div class="right-box">

    
        <p><b>Welcome to the Official Pet-mates Store</b> — Shipping Available Across the U.S. Only</p>
    

  </div>
</section>
  </div>
</div>


</div><div id="shopify-section-sections--25477055906113__header" class="shopify-section shopify-section-group-header-group section-site-header">

<style>
  #shopify-section-sections--25477055906113__header {
    --header-logo-width: 172px;
    --header-logo-width-mobile: 108px;
    --header-transparent-text-color: 255 255 255;
  }

  main > .shopify-section:first-child {
    
    --previous-section-bg-number: 16646655
  }

  
    html {
      scroll-padding-top: var(--header-height, 0px);
    }
  
</style>

<style data-transparent-header-style>
  .js main > .shopify-section:first-child [enable-transparent-header] {
    margin-top: calc(var(--header-height) * -1);
    --allow-transparent-header-padding: calc(var(--header-height) + 1rem);
  }
</style>

<sticky-header mode="scroll-up">
  <height-observer variable="header-height">
    <div
      class="
        header
        header--desktop-logo-left-nav-center
        header--mobile-logo-center
        header--transparent
        no-scroll-expand
        prevent-transition-on-load
      "
    >
      <div class="container header__container">
        <div class="header__logo"><a data-instant href="/"><span class="visually-hidden">Pet-mates</span>
              
              
<div class="grid">
                <img src="//pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=344" alt="Pet-mates" srcset="//pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=108 108w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=216 216w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=172 172w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=344 344w" width="344" height="130" sizes="(min-width: 768px) 172px, 108px" class="header__logo-img col-start-1 row-start-1">
                <img src="//pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=344" alt="Pet-mates" srcset="//pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=108 108w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=216 216w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=172 172w, //pet-mates.shop/cdn/shop/files/petmate-logo.svg?v=1763039624&amp;width=344 344w" width="344" height="130" sizes="(min-width: 768px) 172px, 108px" class="header__logo-img--header-transparent col-start-1 row-start-1">
              </div></a></div>

        <div class="header__nav">
          <button is="menu-hamburger" class="hamburger" aria-label="Open menu">
            <div class="icon-sm md:icon-md">
              <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)">
  <path d="M21 16L3 16" vector-effect="non-scaling-stroke"/>
  <path d="M21 8L3 8" vector-effect="non-scaling-stroke"/>
</svg>

            </div>
          </button>

          <ul class="menu list-unstyled" role="list">
            
              

              <li>
                
                  <mega-menu-horizontal
  interaction-handler="hover"
  style="--promo-image-width: 320px;"
  
  data-block-id="mega_menu_Mjtnce"
>
  <details>
    <summary role="link" onclick="window.location.href='/collections/dog';">
      <span class="menu-item pb-4 -mb-4">
        Shop Dog

        <div class="collapse-chevron w-3 ml-2" aria-hidden="true">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>
      </span>
    </summary>
    <div
      class="mega-menu-horizontal absolute left-0 right-0 top-full overflow-hidden"
    >
      <div
        class="mega-menu-horizontal__inner overflow-y-auto overscroll-y-contain border-t bg-background min-h-[400px]"
      >
        <div class="container flex gap-12 xl:gap-16 pt-8 pb-16 hd:pt-12 ">
          <div class="grow leading-tight auto-rows-min grid grid-cols-mega-menu-horizontal-items gap-x-6 gap-y-12 styled-links break-anywhere">
            
              <div class="flex flex-col items-start">
                <a data-instant href="/collections/dog" class="font-navigation inline-block">
                  Categories
                </a>
                
                  <div class="flex flex-col mt-6">
                    
                      <a data-instant href="/collections/dog-kennels" class="py-2 first:pt-0 last:pb-0">
                        Kennels, Crates & Carriers
                      </a>
                    
                      <a data-instant href="/collections/dog-bedding" class="py-2 first:pt-0 last:pb-0">
                        Beds & Bedding
                      </a>
                    
                      <a data-instant href="/collections/pet-steps-ramps" class="py-2 first:pt-0 last:pb-0">
                        Steps & Ramps
                      </a>
                    
                      <a data-instant href="/collections/vittles-vault" class="py-2 first:pt-0 last:pb-0">
                        Food Storage
                      </a>
                    
                      <a data-instant href="/collections/dog-waste-management-removal" class="py-2 first:pt-0 last:pb-0">
                        Waste Management
                      </a>
                    
                      <a data-instant href="/collections/dog-feeding-watering" class="py-2 first:pt-0 last:pb-0">
                        Bowls & Feeders
                      </a>
                    
                      <a data-instant href="/collections/dog-toys" class="py-2 first:pt-0 last:pb-0">
                        Toys
                      </a>
                    
                      <a data-instant href="/collections/treats" class="py-2 first:pt-0 last:pb-0">
                        Treats
                      </a>
                    
                      <a data-instant href="/collections/dog-grooming-supplies" class="py-2 first:pt-0 last:pb-0">
                        Grooming
                      </a>
                    
                      <a data-instant href="/collections/dog-accessories" class="py-2 first:pt-0 last:pb-0">
                        Training & Accessories
                      </a>
                    
                      <a data-instant href="/collections/dog-collars-leashes" class="py-2 first:pt-0 last:pb-0">
                        Collars, Leashes & Harnesses
                      </a>
                    
                  </div>
                
              </div>
            
          </div>

          
            <div class="mega-menu-horizontal__promo max-w-[50%] flex items-start gap-4">
              
                

<a
  
    href="/collections/dog-kennels" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-dog-kennels.jpg?v=1763562244&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-dog-kennels.jpg?v=1763562244&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/menu-category-dog-kennels.jpg?v=1763562244&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-dog-kennels.jpg?v=1763562244&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-dog-kennels.jpg?v=1763562244&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Kennels, Crates & Carriers</div>
  
</a>

              

              
                

<a
  
    href="/collections/made-in-the-usa" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Made in the USA</div>
  
</a>

              

              

              

              
            </div>
          
        </div>

        

      </div>
    </div>
  </details>
</mega-menu-horizontal>

                
              </li>
            
              

              <li>
                
                  <mega-menu-horizontal
  interaction-handler="hover"
  style="--promo-image-width: 320px;"
  
  data-block-id="mega_menu_wJh3TF"
>
  <details>
    <summary role="link" onclick="window.location.href='/collections/cat';">
      <span class="menu-item pb-4 -mb-4">
        Shop Cat

        <div class="collapse-chevron w-3 ml-2" aria-hidden="true">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>
      </span>
    </summary>
    <div
      class="mega-menu-horizontal absolute left-0 right-0 top-full overflow-hidden"
    >
      <div
        class="mega-menu-horizontal__inner overflow-y-auto overscroll-y-contain border-t bg-background min-h-[400px]"
      >
        <div class="container flex gap-12 xl:gap-16 pt-8 pb-16 hd:pt-12 ">
          <div class="grow leading-tight auto-rows-min grid grid-cols-mega-menu-horizontal-items gap-x-6 gap-y-12 styled-links break-anywhere">
            
              <div class="flex flex-col items-start">
                <a data-instant href="/collections/cat" class="font-navigation inline-block">
                  Categories
                </a>
                
                  <div class="flex flex-col mt-6">
                    
                      <a data-instant href="/collections/cat-bedding" class="py-2 first:pt-0 last:pb-0">
                        Beds & Bedding
                      </a>
                    
                      <a data-instant href="/collections/deluxe-cat-kennels-carriers" class="py-2 first:pt-0 last:pb-0">
                        Kennels, Crates & Carriers
                      </a>
                    
                      <a data-instant href="/collections/vittles-vault" class="py-2 first:pt-0 last:pb-0">
                        Food Storage
                      </a>
                    
                      <a data-instant href="/collections/cat-waste-management-removal" class="py-2 first:pt-0 last:pb-0">
                        Litter & Waste Management
                      </a>
                    
                      <a data-instant href="/collections/cat-feeding-watering" class="py-2 first:pt-0 last:pb-0">
                        Bowls & Feeders
                      </a>
                    
                      <a data-instant href="/collections/cat-toys" class="py-2 first:pt-0 last:pb-0">
                        Toys
                      </a>
                    
                      <a data-instant href="/collections/cat-treats" class="py-2 first:pt-0 last:pb-0">
                        Treats
                      </a>
                    
                      <a data-instant href="/collections/cat-grooming" class="py-2 first:pt-0 last:pb-0">
                        Grooming
                      </a>
                    
                      <a data-instant href="/collections/cat-collars-leashes" class="py-2 first:pt-0 last:pb-0">
                        Collars & Leashes
                      </a>
                    
                  </div>
                
              </div>
            
          </div>

          
            <div class="mega-menu-horizontal__promo max-w-[50%] flex items-start gap-4">
              
                

<a
  
    href="/collections/quirky-kitty" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Quirky Kitty</div>
  
</a>

              

              
                

<a
  
    href="/collections/made-in-the-usa" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/menu-category-made-in-usa.jpg?v=1763562244&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Made in the USA</div>
  
</a>

              

              

              

              
            </div>
          
        </div>

        

      </div>
    </div>
  </details>
</mega-menu-horizontal>

                
              </li>
            
              

              <li>
                
                  <mega-menu-horizontal
  interaction-handler="hover"
  style="--promo-image-width: 320px;"
  
  data-block-id="mega_menu_hbenaf"
>
  <details>
    <summary role="link" onclick="window.location.href='/pages/petmate-brands';">
      <span class="menu-item pb-4 -mb-4">
        Our Brands

        <div class="collapse-chevron w-3 ml-2" aria-hidden="true">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>
      </span>
    </summary>
    <div
      class="mega-menu-horizontal absolute left-0 right-0 top-full overflow-hidden"
    >
      <div
        class="mega-menu-horizontal__inner overflow-y-auto overscroll-y-contain border-t bg-background min-h-[400px]"
      >
        <div class="container flex gap-12 xl:gap-16 pt-8 pb-16 hd:pt-12 no-menu">
          <div class="grow leading-tight auto-rows-min grid grid-cols-mega-menu-horizontal-items gap-x-6 gap-y-12 styled-links break-anywhere">
            
              <div class="flex flex-col items-start">
                <a data-instant href="/pages/chuckit-products" class="font-navigation inline-block">
                  Chuckit!
                </a>
                
              </div>
            
              <div class="flex flex-col items-start">
                <a data-instant href="/pages/vittles-vault-products" class="font-navigation inline-block">
                  Vittles Vault
                </a>
                
              </div>
            
              <div class="flex flex-col items-start">
                <a data-instant href="/collections/petmate" class="font-navigation inline-block">
                  Pet-mates
                </a>
                
              </div>
            
              <div class="flex flex-col items-start">
                <a data-instant href="/collections/wild-eats" class="font-navigation inline-block">
                  Wild Eats
                </a>
                
              </div>
            
              <div class="flex flex-col items-start">
                <a data-instant href="/collections/quirky-kitty" class="font-navigation inline-block">
                  Quirky Kitty
                </a>
                
              </div>
            
              <div class="flex flex-col items-start">
                <a data-instant href="/pages/petmate-brands" class="font-navigation inline-block">
                  View All
                </a>
                
              </div>
            
          </div>

          
            <div class="mega-menu-horizontal__promo max-w-[50%] flex items-start gap-4">
              
                

<a
  
    href="/pages/chuckit-products" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-chuckit.jpg?v=1763039623&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-chuckit.jpg?v=1763039623&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-chuckit.jpg?v=1763039623&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-chuckit.jpg?v=1763039623&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-chuckit.jpg?v=1763039623&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Chuckit!</div>
  
</a>

              

              
                

<a
  
    href="/pages/vittles-vault-products" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-vittles-vault.jpg?v=1763039624&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-vittles-vault.jpg?v=1763039624&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-vittles-vault.jpg?v=1763039624&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-vittles-vault.jpg?v=1763039624&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-vittles-vault.jpg?v=1763039624&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Vittles Vault</div>
  
</a>

              

              
                

<a
  
    href="/collections/petmate" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-petmate.jpg?v=1763039624&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-petmate.jpg?v=1763039624&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-petmate.jpg?v=1763039624&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-petmate.jpg?v=1763039624&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-petmate.jpg?v=1763039624&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Pet-mates</div>
  
</a>

              

              
                

<a
  
    href="/collections/wild-eats" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-wild-eats.jpg?v=1763556004&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-wild-eats.jpg?v=1763556004&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-wild-eats.jpg?v=1763556004&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-wild-eats.jpg?v=1763556004&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-wild-eats.jpg?v=1763556004&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Wild Eats</div>
  
</a>

              

              
                

<a
  
    href="/collections/quirky-kitty" 
    aria-label="Link to "
  class="inline-block"
>
  <lqip-element class="image-loader relative rounded-block overflow-hidden">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=640" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=320 320w, //pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=640 640w" width="320" height="320" loading="lazy" sizes="320px">
    <img src="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=20" alt="" srcset="//pet-mates.shop/cdn/shop/files/home-brand-quirky-kitty.jpg?v=1763556004&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
  </lqip-element>

  
    <div class="font-navigation  mt-4 text-center">Quirky Kitty</div>
  
</a>

              
            </div>
          
        </div>

        
          <div style="text-align: center; position: relative; top: -2rem;">
            <a href="/pages/petmate-brands" class="button">View All Brands</a>
          </div>
        

      </div>
    </div>
  </details>
</mega-menu-horizontal>

                
              </li>
            
              

              <li>
                
                  
                    <a data-instant class="menu-item" href="/collections/on-sale">
                      <span> Sale </span>
                    </a>
                  
                
              </li>
            
              

              <li>
                
                  
                    <a data-instant class="menu-item" href="/blogs/petmate-academy">
                      <span> Resources </span>
                    </a>
                  
                
              </li>
            
          </ul>
        </div>

        <div class="header__actions">
          

          

          

          <div class="flex gap-3 md:gap-4">
            
              <modal-trigger class="contents" target="#search-modal">
                <a href="/search" class="header-icon-btn">
                  <span class="sr-only">Search</span>
                  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Search Icon">
  <path d="M20.5 20.5L14.5 14.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
  <circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
</svg>

                </a>
              </modal-trigger>
            

            
              <a
                href="/account"
                class="header-icon-btn header-auth-btn max-lg:hidden"
              >
                <span class="sr-only">Account</span>
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="12" cy="9" r="5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M19 21C19 17.134 15.866 14 12 14C8.13401 14 5 17.134 5 21" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

              </a>
            

            <modal-trigger
              class="contents"
              target="#cart-modal"
              
            >
              <a href="/cart" class="header-icon-btn">
                <span class="sr-only">Cart</span>

                <div class="relative">
                  <svg
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  stroke="currentColor"
  stroke-width="var(--icon-stroke-width)"
  stroke-linecap="var(--icon-stroke-linecap)"
  stroke-linejoin="var(--icon-stroke-linejoin)"
>
  
      <path d="M6 7L21 7L19 16L9 16L6 7ZM6 7L5 4H2" vector-effect="non-scaling-stroke"/>

      
          <circle cx="9.5" cy="20.5" r="1.5" fill="currentColor" stroke="none"/>
          <circle cx="17.5" cy="20.5" r="1.5" fill="currentColor" stroke="none"/>
      
    
</svg>


                  <div class="cart-badge hidden" id="CartBubble">
                    0
                  </div>
                </div>
              </a>
            </modal-trigger>
          </div>
        </div>
      </div>
    </div>
  </height-observer>

  <div class="header-overlay"></div>
</sticky-header>



<mobile-menu
  append-to-body
  class="modal modal-drawer modal-mobile-menu modal-drawer--bottom modal-mobile-menu--bottom"
  position="bottom"
  md:position="left"
  data-mobile-menu
>
  <div class="mobile-menu mobile-menu-content flex flex-col relative" slot="content" tabindex="-1">
    <div class="flex px-8 pt-8 pb-4 md:pb-6 shrink-0" data-menu-anim-in>
      <button data-button-close aria-label="Close modal" class="icon-sm -ml-0.5">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

      </button>
    </div>

    <div class="mobile-menu-inner flex flex-col grow overflow-y-auto">
      
        
          <a href="/collections/all" class="side-menu-item" data-menu-anim-in>
            All Products
          </a>
        
      
        
          <a href="/collections/dog" class="side-menu-item" data-menu-anim-in>
             Dog Products
          </a>
        
      
        
          <div data-menu-anim-in>
            

<mobile-menu-page>
  <button class="w-full side-menu-item " slot="activator">
    Dog Collections

    <div class="collapse-chevron">
      <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

    </div>
  </button>

  <div slot="content" tabindex="-1" class="mobile-menu-content h-full">
    <div class="px-8 pt-10 pb-6">
      <button
        class="back-button label text-sm md:text-base tracking-widest flex items-center gap-3 text-foreground/75 mb-8 md:mb-12"
        data-menu-anim-in
      >
        <div class="w-3 md:w-4 icon-xs-stroke rotate-180">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>

        
          Menu
        
      </button>

      <a href="/collections/dog" class="h4 inline-block" data-menu-anim-in>Dog Collections</a>
    </div>

    
      
        <a data-instant data-menu-anim-in href="/collections/dog-bedding" class="side-menu-item side-menu-item--sub">
          Beds & Bedding
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-kennels" class="side-menu-item side-menu-item--sub">
          Kennels, Crates & Carriers
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/pet-steps-ramps" class="side-menu-item side-menu-item--sub">
          Steps & Ramps
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/vittles-vault" class="side-menu-item side-menu-item--sub">
          Food Storage
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-waste-management-removal" class="side-menu-item side-menu-item--sub">
          Waste Management
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-feeding-watering" class="side-menu-item side-menu-item--sub">
          Dog Bowls & Feeders
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-toys" class="side-menu-item side-menu-item--sub">
          Dog Toys
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/treats" class="side-menu-item side-menu-item--sub">
          Dog Treats
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-grooming-supplies" class="side-menu-item side-menu-item--sub">
          Grooming Supplies
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-accessories" class="side-menu-item side-menu-item--sub">
          Training & Accessories
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/dog-collars-leashes" class="side-menu-item side-menu-item--sub">
          Collars, Leashes & Harnesses
        </a>
      
    

    

    
  </div>
</mobile-menu-page>

          </div>
        
      
        
          <a href="/collections/cat" class="side-menu-item" data-menu-anim-in>
            Cat Products
          </a>
        
      
        
          <div data-menu-anim-in>
            

<mobile-menu-page>
  <button class="w-full side-menu-item " slot="activator">
    Cat Collections

    <div class="collapse-chevron">
      <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

    </div>
  </button>

  <div slot="content" tabindex="-1" class="mobile-menu-content h-full">
    <div class="px-8 pt-10 pb-6">
      <button
        class="back-button label text-sm md:text-base tracking-widest flex items-center gap-3 text-foreground/75 mb-8 md:mb-12"
        data-menu-anim-in
      >
        <div class="w-3 md:w-4 icon-xs-stroke rotate-180">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>

        
          Menu
        
      </button>

      <a href="/collections/cat" class="h4 inline-block" data-menu-anim-in>Cat Collections</a>
    </div>

    
      
        <a data-instant data-menu-anim-in href="/collections/cat-bedding" class="side-menu-item side-menu-item--sub">
          Beds & Bedding
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/deluxe-cat-kennels-carriers" class="side-menu-item side-menu-item--sub">
          Kennels, Crates & Carriers
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/vittles-vault" class="side-menu-item side-menu-item--sub">
          Food Storage
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-waste-management-removal" class="side-menu-item side-menu-item--sub">
          Litter & Waste Management
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-feeding-watering" class="side-menu-item side-menu-item--sub">
          Cat Bowls & Feeders
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-toys" class="side-menu-item side-menu-item--sub">
          Cat Toys
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-treats" class="side-menu-item side-menu-item--sub">
          Cat Treats
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-grooming" class="side-menu-item side-menu-item--sub">
          Grooming Supplies
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/cat-collars-leashes" class="side-menu-item side-menu-item--sub">
          Collars & Leashes
        </a>
      
    

    

    
  </div>
</mobile-menu-page>

          </div>
        
      
        
          <div data-menu-anim-in>
            

<mobile-menu-page>
  <button class="w-full side-menu-item " slot="activator">
    Brands

    <div class="collapse-chevron">
      <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

    </div>
  </button>

  <div slot="content" tabindex="-1" class="mobile-menu-content h-full">
    <div class="px-8 pt-10 pb-6">
      <button
        class="back-button label text-sm md:text-base tracking-widest flex items-center gap-3 text-foreground/75 mb-8 md:mb-12"
        data-menu-anim-in
      >
        <div class="w-3 md:w-4 icon-xs-stroke rotate-180">
          <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

        </div>

        
          Menu
        
      </button>

      <a href="/pages/petmate-brands" class="h4 inline-block" data-menu-anim-in>Brands</a>
    </div>

    
      
        <a data-instant data-menu-anim-in href="/pages/chuckit-products" class="side-menu-item side-menu-item--sub">
          Chuckit!
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/pages/vittles-vault-products" class="side-menu-item side-menu-item--sub">
          Vittles Vault
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/petmate" class="side-menu-item side-menu-item--sub">
          Pet-mates
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/wild-eats" class="side-menu-item side-menu-item--sub">
          Wild Eats
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/collections/quirky-kitty" class="side-menu-item side-menu-item--sub">
          Quirky Kitty
        </a>
      
    
      
        <a data-instant data-menu-anim-in href="/pages/petmate-brands" class="side-menu-item side-menu-item--sub">
          All Brands
        </a>
      
    

    

    
  </div>
</mobile-menu-page>

          </div>
        
      
        
          <a href="/collections/replacement-parts" class="side-menu-item" data-menu-anim-in>
            Replacement Parts
          </a>
        
      
        
          <a href="/collections/made-in-the-usa" class="side-menu-item" data-menu-anim-in>
            Made in the USA
          </a>
        
      
        
          <a href="/blogs/petmate-academy" class="side-menu-item" data-menu-anim-in>
            Resources
          </a>
        
      
        
          <a href="/pages/contact" class="side-menu-item" data-menu-anim-in>
            Contact Us
          </a>
        
      
        
          <a href="/pages/faqs" class="side-menu-item" data-menu-anim-in>
            FAQ
          </a>
        
      

      
        <div class="grow"></div>
        <hr class="mt-4 mx-8">
        <div class="px-8 pb-6 md:pb-8 flex flex-wrap gap-6 md:gap-8 mt-6 md:mt-8 max-md:text-sm" data-menu-anim-in>
          

          

          
            <a
              href="/account"
              class="font-bold ml-auto"
            >
              Account
            </a>
          
        </div>
      
    </div>
  </div>
</mobile-menu>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Pet-mates",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/pet-mates.shop"
  }
</script>
</div>
<!-- END sections: header-group -->
      
    </header>

    <!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--25477055938881__cart-modal" class="shopify-section shopify-section-group-overlay-group"><style>
  #shopify-section-sections--25477055938881__cart-modal .button-view-cart {
    






  }

  #shopify-section-sections--25477055938881__cart-modal .button-checkout {
    






  }
</style>

<cart-modal position="right" class="modal modal-drawer modal-drawer--right cart-modal" id="cart-modal">
  <div class="h-full" slot="content" tabindex="-1">
    
      <button
        class="modal-close absolute right-6 top-6 md:right-8 md:top-8"
        data-button-close
        aria-label="Close modal"
      >
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

      </button>

      <div class="text-center h-full flex flex-col items-center justify-center">
        <p class="text-h4">Your cart is empty</p>
        <a class="button button-primary mt-8" href="/collections/all">
          Continue shopping
        </a>
      </div>
    
  </div>
</cart-modal>


</div><div id="shopify-section-sections--25477055938881__search-modal" class="shopify-section shopify-section-group-overlay-group">

<search-modal
  position="right"
  initial-focus="input[type=search]"
  class="modal modal-drawer modal-drawer--right modal-search"
  id="search-modal"
>
  <div
    slot="content"
    tabindex="-1"
    class="p-6 md:p-8 lg:p-12 [--bleed-distance:1.5rem] md:[--bleed-distance:2rem] lg:[--bleed-distance:3rem]"
  >
    

    <div class="bleed flex items-center gap-x-2 md:gap-x-4 sticky top-0 z-10 bg-modal-background pt-4 pb-4 -mt-4 mb-2 md:mb-4">
      <form action="/search" class="input-wrapper grow">
        
        <input
          type="search"
          name="q"
          class="input has-icon-right text-base md:text-h5"
          aria-label="Search for..."
          placeholder="Search for..."
          autocorrect="off"
          autocomplete="off"
          autocapitalize="off"
          spellcheck="false"
        >
        <button class="icon-right icon-sm md:icon-lg px-4 box-content" aria-label="Search Button">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Search Icon">
  <path d="M20.5 20.5L14.5 14.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
  <circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
</svg>

        </button>
      </form>

      
        <button class="modal-close -mr-3 md:-mr-6" data-button-close aria-label="Close modal">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

        </button>
      
    </div>

    

    <div
      class="hidden predictive-search"
      data-results-container
    ></div>

    <div
      class="hidden predictive-search"
      data-skeleton
    >
      <div class="">
  <div class="flex flex-col gap-6 md:gap-8">
    
      <div class="">
        <div class="mb-4 md:mb-6">
          
            <div class="skeleton w-40 h-6 md:h-8"></div>
          
        </div>

        <ul class="flex md:flex-wrap max-md:scroll-area-x max-md:bleed pb-4 -mb-4 gap-3">
          
            <li class="skeleton w-28 h-6 md:h-8 rounded-full"></li>
            <li class="skeleton w-24 h-6 md:h-8 rounded-full"></li>
            <li class="skeleton w-32 h-6 md:h-8 rounded-full"></li>
          
        </ul>
      </div>

      <hr class="last:hidden">
    

    
      <div>
        <div class="flex mb-4 md:mb-6">
          
            <div class="skeleton w-36 h-6 md:h-8"></div>
          

          
        </div>

        <div class="grid sm:grid-cols-2 gap-x-6 gap-y-6 md:gap-y-8">
          
            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
              

<a data-instant href="" class="flex gap-4 md:gap-6 max-md:text-sm">
  <div class="w-16 md:w-24 shrink-0 media">
    
      <div class="skeleton w-full h-full aspect-[--product-card-image-aspect,1]"></div>
    
  </div>

  <div class="self-center grow">
    
      <div class="skeleton w-3/4 h-4 mb-2 md:mb-4"></div>
      <div class="skeleton w-1/3 h-4"></div>
    
  </div>
</a>

            
          
        </div>
      </div>

      <hr class="last:hidden">
    

    

    
  </div>
</div>

    </div>
  </div>
</search-modal>


</div><div id="shopify-section-sections--25477055938881__privacy-banner" class="shopify-section shopify-section-group-overlay-group">

<privacy-banner class="modal privacy-banner-modal ">
  <div slot="content" tabindex="-1" class="focus:outline-none">
    <div
      class="
        flex flex-col items-stretch gap-x-6 gap-y-6
        
          sm:items-center sm:flex-row
        
      "
    >
      <div class="prose prose-sm max-w-none"><p>We use cookies and similar technologies to provide the best online shopping experience. <a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a></p></div>

      <div class="flex gap-2 md:gap-3">
        <button class="button-accept button button-primary text-sm grow">
          Accept
        </button>
        <button class="button-decline button button-light text-sm grow">
          Decline
        </button>
      </div>
    </div>
  </div>
</privacy-banner>


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

    
    

    <style
      data-transparent-header-style
      
        media="not all"
      
    >
      .js {
        --header-height-actual: 0px;
      }

      .js .section-site-header:not(.section-site-header--sticky) .header--transparent {
        --header-background-opacity: 0%;
        --color-header-foreground: var(--header-transparent-text-color);
      }

      .js .section-site-header .header {
        transition: 333ms background-color, 333ms color;
      }

      .js .section-site-header:not(.section-site-header--sticky) .header--transparent .header__logo-img {
        opacity: 0;
      }

      .js
        .section-site-header:not(.section-site-header--sticky)
        .header--transparent
        .header__logo-img--header-transparent {
        display: block;
      }
    </style>

    <script>
  (function () {
    function getHeaderGroupElements() {
      return document.querySelectorAll('.shopify-section-group-header-group');
    }

    function isHeaderLast() {
      const els = getHeaderGroupElements();
      if (els.length === 0) return true;
      return els[els.length - 1].classList.contains('section-site-header');
    }

    function isAllowHeaderTransparentFirst() {
      return !!document.querySelector('main > :first-child [enable-transparent-header]');
    }

    function disableStyles() {
      document.querySelectorAll('[data-transparent-header-style]').forEach((el) => {
        el.setAttribute('media', 'not all');
      });
    }

    function restoreStyles() {
      document.querySelectorAll('[data-transparent-header-style]').forEach((el) => {
        el.removeAttribute('media');
      });
    }

    if (!isHeaderLast()) {
      disableStyles();
    }

    if (window.Shopify.designMode) {
      function updateFull() {
        if (
          !isHeaderLast() ||
          !isAllowHeaderTransparentFirst() ||
          !document.querySelector('.section-site-header .header--transparent')
        ) {
          disableStyles();
        } else {
          restoreStyles();
        }
      }

      document.addEventListener('shopify:section:reorder', updateFull);
      document.addEventListener('shopify:section:load', updateFull);
      document.addEventListener('shopify:section:unload', () => setTimeout(updateFull, 100));
    }
  })();
</script>


    <scroll-animate threshold="0.2" root-margin="0px 0px -5% 0px">
      <main
        id="MainContent"
        role="main"
        tabindex="-1"
        class=""
      >
        <div id="shopify-section-template--25477055775041__main-search" class="shopify-section section-main-search">

<style>
  #shopify-section-template--25477055775041__main-search {
    --section-bg-number: 16646655;
  }

  #shopify-section-template--25477055775041__main-search + * {
    
      --previous-section-bg-number: 16646655;
    
  }
</style>


<style>
  #shopify-section-template--25477055775041__main-search {
    --collection-grid-max-columns: 3;
  }
</style>

<div
  class="section section--full-width"
  style="





;"
>
  <div class="text-center mb-8">
    <h2 class="h3">
      
        Search results
      
    </h2>
  </div>

  <div class="mb-12 max-w-xl mx-auto">
    <form action="/search" method="get" role="search">
      

      <div class="input-wrapper">
        <input
          type="search"
          name="q"
          class="input has-icon-right text-base md:text-h5"
          aria-label="Search for..."
          placeholder="Search for..."
          autocorrect="off"
          autocomplete="off"
          autocapitalize="off"
          spellcheck="false"
          value="Aspen Pet Tie Outs"
        >
        <button class="icon-right icon-sm md:icon-lg px-4 box-content" aria-label="Search Button">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Search Icon">
  <path d="M20.5 20.5L14.5 14.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
  <circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
</svg>

        </button>
      </div>

      <input name="options[prefix]" type="hidden" value="last">
    </form>
  </div>

  
    
      

<div class="collection-grid vertical-filters">
  
    <div class="collection-grid__facets">
      
        
          <sticky-sidebar id="CollectionGrid-StickySidebar" class="max-lg:hidden" disable-below="992" bottom-offset="0" data-preserve-state>
        

        <div class="max-lg:hidden self-start w-full">
          

<facet-filters-form
  type="filters"
  
>
  <form id="FacetFiltersForm-">
    <div
      class="
        filters-wrapper flex flex-wrap
        
          flex-col
        
      "
    >
      
        <input type="hidden" name="q" value="Aspen Pet Tie Outs">
        <input type="hidden" name="type" value="page,product">
        <input name="options[prefix]" type="hidden" value="last">
      

      

      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter--filter.p.m.custom.categories"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Categories
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Categories</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Tieouts"
              id="Filter--filter.p.m.custom.categories-1"
              
            >
            <label for="Filter--filter.p.m.custom.categories-1">
              Tieouts<span class="filter-label-count">(3)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter--filter.v.option.size"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Size
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Size</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="20 FT."
              id="Filter--filter.v.option.size-1"
              
            >
            <label for="Filter--filter.v.option.size-1">
              20 FT.<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="18&quot; / 20&#39;"
              id="Filter--filter.v.option.size-2"
              
            >
            <label for="Filter--filter.v.option.size-2">
              18&quot; / 20&#39;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="ONE SIZE"
              id="Filter--filter.v.option.size-3"
              
            >
            <label for="Filter--filter.v.option.size-3">
              ONE SIZE<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter--filter.p.m.custom.pet_type"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Pet Type
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Pet Type</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.pet_type"
              value="Dog"
              id="Filter--filter.p.m.custom.pet_type-1"
              
            >
            <label for="Filter--filter.p.m.custom.pet_type-1">
              Dog<span class="filter-label-count">(3)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter--filter.v.price"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Price
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      <div class="filter-price-range">
  <price-range>
    <div class="range-group no-js:hidden mb-6">
      <input
        aria-label="Minimum price"
        type="range"
        class="range"
        min="0"
        max="30"
        data-range-min

        
          value="0"
        
      >
      <input
        aria-label="Maximum price"
        type="range"
        class="range"
        min="0"
        max="30"
        data-range-max

        
          value="30"
        
      >
    </div>

    <div class="flex items-center gap-4">
      <label class="relative grow">
        <span class="input absolute pointer-events-none bg-transparent">
          $
        </span>
        <input
          id="Filter--Price-GTE"
          name="filter.v.price.gte"
          type="number"
          class="input hide-input-arrows text-right"
          min="0"
          max="30"
          placeholder="0"
          data-input-min
          
          aria-label="Minimum price"
        >
      </label>

      <span>to</span>

      <label class="relative grow">
        <span class="input absolute pointer-events-none bg-transparent">
          $
        </span>
        <input
          id="Filter--Price-LTE"
          name="filter.v.price.lte"
          type="number"
          class="input hide-input-arrows text-right"
          min="0"
          max="30"
          placeholder="30"
          data-input-max
          
          aria-label="Maximum price"
        >
      </label>
    </div>
  </price-range>
</div>

                  
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
    </div>
    
  </form>
</facet-filters-form>

        </div>

        
          </sticky-sidebar> 
        
      

      <div class="lg:hidden">
        <facets-drawer-modal
  class="modal modal-drawer modal-drawer--left modal-drawer--mobile-bottom facets-drawer-modal"
  id="facets-drawer"
  position="bottom"
  md:position="left"
  data-preserve-state
>
  <button slot="activator" type="button" class="button button-light button-filter gap-3 md:gap-4">
    Filters
    <div class="icon-xs md:icon-sm">
      <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M9.375 3.125C8.56687 3.125 7.87813 3.6525 7.61688 4.375H2.5V5.625H7.6175C7.87812 6.3475 8.56687 6.875 9.375 6.875C10.1831 6.875 10.8719 6.3475 11.1331 5.625H17.5V4.375H11.1325C10.8719 3.6525 10.1838 3.125 9.375 3.125ZM9.375 4.375C9.72687 4.375 10 4.64875 10 5C10 5.35188 9.72625 5.625 9.375 5.625C9.02313 5.625 8.75 5.35125 8.75 5C8.75 4.64812 9.02375 4.375 9.375 4.375ZM13.75 8.125C12.9419 8.125 12.2531 8.6525 11.9919 9.375H2.5V10.625H11.9925C12.2531 11.3475 12.9419 11.875 13.75 11.875C14.5581 11.875 15.2469 11.3475 15.5081 10.625H17.5V9.375H15.5075C15.2469 8.6525 14.5581 8.125 13.75 8.125ZM13.75 9.375C14.1019 9.375 14.375 9.64875 14.375 10C14.375 10.3519 14.1012 10.625 13.75 10.625C13.3981 10.625 13.125 10.3513 13.125 10C13.125 9.64813 13.3988 9.375 13.75 9.375ZM6.875 13.125C6.06687 13.125 5.37813 13.6525 5.11688 14.375H2.5V15.625H5.1175C5.37812 16.3475 6.06687 16.875 6.875 16.875C7.68313 16.875 8.37187 16.3475 8.63312 15.625H17.5V14.375H8.6325C8.37188 13.6525 7.68313 13.125 6.875 13.125ZM6.875 14.375C7.22687 14.375 7.5 14.6488 7.5 15C7.5 15.3519 7.22625 15.625 6.875 15.625C6.52313 15.625 6.25 15.3512 6.25 15C6.25 14.6481 6.52375 14.375 6.875 14.375Z" fill="currentColor"/>
</svg>

    </div>
  </button>

  <div slot="content" tabindex="-1" class="h-full">
    <div class="flex flex-col relative max-md:max-h-[90vh] h-full">
      <div class="flex items-center border-b mx-6 lg:mx-8 pt-6 lg:pt-8 pb-4 lg:pb-6">
        <h4 class="h5">Filters</h4>

        <button class="modal-close ml-auto relative -right-2" data-button-close aria-label="Close modal">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

        </button>
      </div>

      <div class="grow overflow-y-auto custom-scrollbar px-6 lg:px-8">
        

<facet-filters-form
  type="filters"
  
    manual
  
>
  <form id="FacetFiltersForm-drawer">
    <div
      class="
        filters-wrapper flex flex-wrap
        
          flex-col
        
      "
    >
      
        <input type="hidden" name="q" value="Aspen Pet Tie Outs">
        <input type="hidden" name="type" value="page,product">
        <input name="options[prefix]" type="hidden" value="last">
      

      

      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter-drawer-filter.p.m.custom.categories"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Categories
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Categories</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Tieouts"
              id="Filter-drawer-filter.p.m.custom.categories-1"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-1">
              Tieouts<span class="filter-label-count">(3)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter-drawer-filter.v.option.size"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Size
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Size</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="20 FT."
              id="Filter-drawer-filter.v.option.size-1"
              
            >
            <label for="Filter-drawer-filter.v.option.size-1">
              20 FT.<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="18&quot; / 20&#39;"
              id="Filter-drawer-filter.v.option.size-2"
              
            >
            <label for="Filter-drawer-filter.v.option.size-2">
              18&quot; / 20&#39;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="ONE SIZE"
              id="Filter-drawer-filter.v.option.size-3"
              
            >
            <label for="Filter-drawer-filter.v.option.size-3">
              ONE SIZE<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter-drawer-filter.p.m.custom.pet_type"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Pet Type
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      

<fieldset>
  <legend class="visually-hidden">Pet Type</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.pet_type"
              value="Dog"
              id="Filter-drawer-filter.p.m.custom.pet_type-1"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.pet_type-1">
              Dog<span class="filter-label-count">(3)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

                    
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
        

        
          <smooth-collapse
            class="border-b last:border-0"
            id="filter-drawer-filter.v.price"
            data-preserve-state
          >
            <details
              
                open
              
            >
              <summary class="flex items-center justify-between cursor-pointer py-4">
                <span class="font-accordion text-h6">
                  Price
                </span>

                <div class="collapse-chevron">
                  <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

                </div>
              </summary>
              <div>
                <div class="pt-2 pb-8">
                  
                      <div class="filter-price-range">
  <price-range>
    <div class="range-group no-js:hidden mb-6">
      <input
        aria-label="Minimum price"
        type="range"
        class="range"
        min="0"
        max="30"
        data-range-min

        
          value="0"
        
      >
      <input
        aria-label="Maximum price"
        type="range"
        class="range"
        min="0"
        max="30"
        data-range-max

        
          value="30"
        
      >
    </div>

    <div class="flex items-center gap-4">
      <label class="relative grow">
        <span class="input absolute pointer-events-none bg-transparent">
          $
        </span>
        <input
          id="Filter-drawer-Price-GTE"
          name="filter.v.price.gte"
          type="number"
          class="input hide-input-arrows text-right"
          min="0"
          max="30"
          placeholder="0"
          data-input-min
          
          aria-label="Minimum price"
        >
      </label>

      <span>to</span>

      <label class="relative grow">
        <span class="input absolute pointer-events-none bg-transparent">
          $
        </span>
        <input
          id="Filter-drawer-Price-LTE"
          name="filter.v.price.lte"
          type="number"
          class="input hide-input-arrows text-right"
          min="0"
          max="30"
          placeholder="30"
          data-input-max
          
          aria-label="Maximum price"
        >
      </label>
    </div>
  </price-range>
</div>

                  
                </div>
              </div>
            </details>
          </smooth-collapse>
        
      
    </div>
    
  </form>
</facet-filters-form>

      </div>

      <button class="button button-primary m-4 md:m-6" data-button-close aria-label="Close modal">
        Apply
      </button>
    </div>
  </div>
</facets-drawer-modal>

      </div>
    </div>
  

  
    <div class="collection-grid__sort">
      <facet-filters-form type="sort">
  <form id="FacetSortForm">
    <div class="flex items-center lg:ml-auto">
      <label for="SortBy" class="max-lg:hidden">
        Sort by
      </label>

      <div class="lg:hidden">
        <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M6.41663 18.3333H8.24996V7.33333H11L7.33329 3.66667L3.66663 7.33333H6.41663V18.3333ZM18.3333 14.6667H15.5833V3.66667H13.75V14.6667H11L14.6666 18.3333L18.3333 14.6667Z" fill="currentColor"/>
</svg>

      </div>

      <div class="ml-2 lg:ml-3">
        

        <dropdown-list placement="bottom-end" list-title="Sort by">
          <details>
            <summary tabindex="-1" class="flex items-center gap-2">
              <span class="font-bold max-md:text-sm" data-dropdown-activator>
                Relevance
              </span>

              <div class="w-3 collapse-chevron">
                <svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>

              </div>
            </summary>
            <div class="dropdown-menu py-2">
              <ul class="dropdown-list dropdown-list--small">
                
                  <li>
                    <button data-value="relevance" class="dropdown-list-item w-full" tabindex="-1">
                      Relevance
                    </button>
                  </li>
                
                  <li>
                    <button data-value="price-ascending" class="dropdown-list-item w-full" tabindex="-1">
                      Price, low to high
                    </button>
                  </li>
                
                  <li>
                    <button data-value="price-descending" class="dropdown-list-item w-full" tabindex="-1">
                      Price, high to low
                    </button>
                  </li>
                
              </ul>
            </div>
          </details>

          <input data-list-value type="hidden" name="sort_by" value="relevance">
        </dropdown-list>
      </div>
    </div>
  </form>
</facet-filters-form>

    </div>
  

  <div class="collection-grid__facets-active">
    

<section-dynamic-links>
  <div class="active-facets flex flex-wrap items-center gap-2 ">
    
      
      
    
      
      
    
      
      
    
      
      
        
      
    

    
  </div>
</section-dynamic-links>

  </div>

  
    <div class="collection-grid__results-count">
      <div class="text-sm">
        3 Results
      </div>
    </div>
  

  <div class="collection-grid__products">
    


  <ul
    class="
      products-collection-grid list-unstyled block-spacing-default products-collection-grid--mobile-two-col
      

    "
    data-container-load-more
  >
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/aspen-pet-easyturn-stake-w-tie-out?_pos=1&_sid=16ec326d7&_ss=r" tabindex="-1" data-instant aria-label="Aspen Pet Easyturn Stake W/ Tie-Out">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=1440" alt="The Aspen Pet Easyturn Stake W/ Tie-Out by Aspen Pet is a metal spiral stake with a blue handle, featuring a long coiled cable and clasp. Its 360-degree swivel ring keeps pet leashes secure and untangled, providing freedom while anchoring them safely." srcset="//pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=20" alt="The Aspen Pet Easyturn Stake W/ Tie-Out by Aspen Pet is a metal spiral stake with a blue handle, featuring a long coiled cable and clasp. Its 360-degree swivel ring keeps pet leashes secure and untangled, providing freedom while anchoring them safely." srcset="//pet-mates.shop/cdn/shop/files/3439815.SILVER.jpg?v=1701972497&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
          

        

        <div class="product-card__media-spinner"><svg
  aria-hidden="true"
  focusable="false"
  class="spinner "
  viewBox="0 0 66 66"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
</svg>
</div>
      </div>
    </a>

    
      <div
        class="
          product-badges-container flex flex-col gap-1 md:gap-2 items-end absolute
          top-[--media-badge-offset] right-[--media-badge-offset] pointer-events-none z-10
        "
      >
        

        

        
          
        
      </div>
    

    
  </div>

  <div class="product-card__info pt-5 md:pt-6 flex flex-col grow max-md:text-sm ">
    
      
    

    

    <h2 class="product-name">
      <a data-instant href="/products/aspen-pet-easyturn-stake-w-tie-out?_pos=1&_sid=16ec326d7&_ss=r">Aspen Pet Easyturn Stake W/ Tie-Out</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996488610113" data-bv-redirect-url="/products/aspen-pet-easyturn-stake-w-tie-out?_pos=1&_sid=16ec326d7&_ss=r" data-bv-seo="false"></div>

    <div class="mt-2">
      
        
<div class="price-wrapper relative">
  <div class="flex items-center gap-4">
    <div class="price flex flex-wrap flex-row-reverse justify-end whitespace-nowrap gap-x-2">
        <span class="visually-hidden">
          Regular price
        </span>
        <span class="regular-price">
          $12.5
        </span></div></div>
  </div>


  <a href="/products/aspen-pet-easyturn-stake-w-tie-out?_pos=1&_sid=16ec326d7&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

    
      <div class="mt-4 empty:hidden"></div>
    

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out?_pos=2&_sid=16ec326d7&_ss=r" tabindex="-1" data-instant aria-label="Aspen Pet Yellow EasyTurn Stake W/ 20 ft. Cable Tie-Out">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=1440" alt="Aspen Pets Yellow EasyTurn Stake with a 20 ft. cable tie-out features an easy-to-install stake, coiled steel cable, and clip to offer your pet ultimate freedom while ensuring they remain secure." srcset="//pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=20" alt="Aspen Pets Yellow EasyTurn Stake with a 20 ft. cable tie-out features an easy-to-install stake, coiled steel cable, and clip to offer your pet ultimate freedom while ensuring they remain secure." srcset="//pet-mates.shop/cdn/shop/files/3420720.YELLOW.jpg?v=1701974105&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
          

        

        <div class="product-card__media-spinner"><svg
  aria-hidden="true"
  focusable="false"
  class="spinner "
  viewBox="0 0 66 66"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
</svg>
</div>
      </div>
    </a>

    
      <div
        class="
          product-badges-container flex flex-col gap-1 md:gap-2 items-end absolute
          top-[--media-badge-offset] right-[--media-badge-offset] pointer-events-none z-10
        "
      >
        

        

        
          
        
      </div>
    

    
  </div>

  <div class="product-card__info pt-5 md:pt-6 flex flex-col grow max-md:text-sm ">
    
      
    

    

    <h2 class="product-name">
      <a data-instant href="/products/aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out?_pos=2&_sid=16ec326d7&_ss=r">Aspen Pet Yellow EasyTurn Stake W/ 20 ft. Cable Tie-Out</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996488544577" data-bv-redirect-url="/products/aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out?_pos=2&_sid=16ec326d7&_ss=r" data-bv-seo="false"></div>

    <div class="mt-2">
      
        
<div class="price-wrapper relative">
  <div class="flex items-center gap-4">
    <div class="price flex flex-wrap flex-row-reverse justify-end whitespace-nowrap gap-x-2">
        <span class="visually-hidden">
          Regular price
        </span>
        <span class="regular-price">
          $15
        </span></div></div>
  </div>


  <a href="/products/aspen-pet-yellow-easyturn-stake-w-20-ft-cable-tie-out?_pos=2&_sid=16ec326d7&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

    
      <div class="mt-4 empty:hidden"></div>
    

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system?_pos=3&_sid=16ec326d7&_ss=r" tabindex="-1" data-instant aria-label="Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=1440" alt="The Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System includes a metal spiral ground anchor with a T-shaped handle and circular ring for stability, making it ideal for secure anchoring in various terrains." srcset="//pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=20" alt="The Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System includes a metal spiral ground anchor with a T-shaped handle and circular ring for stability, making it ideal for secure anchoring in various terrains." srcset="//pet-mates.shop/cdn/shop/files/24167.AP_Blue_Easyturn_Dog_Containment_Stake_lg_2.jpg?v=1702573709&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=1440" alt="The Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System features a metal spiral ground anchor with a blue handle and a long coiled cable, complete with clips at each end to secure pets outdoors." srcset="//pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/24167.AP_EasyTurn_Stake_With_20ft_Tieout_Cable_Blue_1.jpg?v=1702573709&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

        <div class="product-card__media-spinner"><svg
  aria-hidden="true"
  focusable="false"
  class="spinner "
  viewBox="0 0 66 66"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
</svg>
</div>
      </div>
    </a>

    
      <div
        class="
          product-badges-container flex flex-col gap-1 md:gap-2 items-end absolute
          top-[--media-badge-offset] right-[--media-badge-offset] pointer-events-none z-10
        "
      >
        

        

        
          
        
      </div>
    

    
  </div>

  <div class="product-card__info pt-5 md:pt-6 flex flex-col grow max-md:text-sm ">
    
      
    

    

    <h2 class="product-name">
      <a data-instant href="/products/aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system?_pos=3&_sid=16ec326d7&_ss=r">Aspen Pet Blue Easyturn 18-inch Dog Tie-Out Containment System</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996483531073" data-bv-redirect-url="/products/aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system?_pos=3&_sid=16ec326d7&_ss=r" data-bv-seo="false"></div>

    <div class="mt-2">
      
        
<div class="price-wrapper relative">
  <div class="flex items-center gap-4">
    <div class="price flex flex-wrap flex-row-reverse justify-end whitespace-nowrap gap-x-2">
        <span class="visually-hidden">
          Regular price
        </span>
        <span class="regular-price">
          $12.5
        </span></div></div>
  </div>


  <a href="/products/aspen-pet-blue-easyturn-18-inch-dog-tie-out-containment-system?_pos=3&_sid=16ec326d7&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

    
      <div class="mt-4 empty:hidden"></div>
    

    
  </div>
</div>

        
      </li>
    
  </ul>
  
    

  



  </div>
</div>

    
  
</div>


</div>
        
          <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25477055873345__multicolumn_mGQMCh" class="shopify-section shopify-section-group-footer-group">



<style>
  #shopify-section-sections--25477055873345__multicolumn_mGQMCh {
    --section-bg-number: 16646655;
  }

  #shopify-section-sections--25477055873345__multicolumn_mGQMCh + * {
    
      --previous-section-bg-number: var(--main-bg-number);
    
  }
</style>


<style>
  #shopify-section-sections--25477055873345__multicolumn_mGQMCh {
    --multicolumn-columns: 3;
    --multicolumn-gap: 
min(32px,calc(1.325rem + 0.9vw))
;
    --multicolumn-image-width: 100%;
    --multicolumn-columns-md: 3;
  }
</style>

<div class="section section--block " style=" 


  --color-foreground: 255 255 255;



  --color-headings: 255 255 255;

"
>
  


  



  <div class="section-body">
    <div class="multicolumn ">
      
<div
          class="
            multicolumn__item flex flex-col trim-margins snap-center snap-always
            text-left items-start
            
          "
          data-animation="block"
          data-animation-group="sections--25477055873345__multicolumn_mGQMCh"
          
        >
          
            <div
              class="media w-[--multicolumn-image-width]  mb-8 md:mb-12 rounded-block"
              style=""
            >
              
              
                <img src="//pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1920" alt="" srcset="//pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=352 352w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=832 832w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1920 1920w" width="1920" height="728" loading="lazy" sizes="(min-width: 992px) min(533px, calc((100vw - 32px) / 3)),(min-width: 768px) min(533px, calc((100vw - 32px) / 3)),min(1600px, calc((100vw - 20px) / 1))">
              
              
            </div>
          

          

          

          
        </div>
      
<div
          class="
            multicolumn__item flex flex-col trim-margins snap-center snap-always
            text-left items-start
            
          "
          data-animation="block"
          data-animation-group="sections--25477055873345__multicolumn_mGQMCh"
          
        >
          

          
            <div class="h3">
              
              Trusted By Families For Over 60 Years
              
            </div>
          

          

          
        </div>
      
<div
          class="
            multicolumn__item flex flex-col trim-margins snap-center snap-always
            text-left items-start
            
          "
          data-animation="block"
          data-animation-group="sections--25477055873345__multicolumn_mGQMCh"
          
        >
          

          

          
            <div class="prose  mt-2">
              
              <p>Families everywhere trust us more than any other company to enhance the well-being of their pets at every step of their adventure.</p>
              
            </div>
          

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


<style> #shopify-section-sections--25477055873345__multicolumn_mGQMCh .section--block {padding: 30px; background: #15284b url(https://cdn.shopify.com/s/files/1/0817/1687/1489/files/section-background-1.jpg?v=1763039624) center center no-repeat; background-size: cover;} #shopify-section-sections--25477055873345__multicolumn_mGQMCh .multicolumn {grid-template-columns: 1fr 1.5fr 2fr; align-items: center;} #shopify-section-sections--25477055873345__multicolumn_mGQMCh .h3 {text-transform: uppercase;} @media screen and (max-width: 1024px) {#shopify-section-sections--25477055873345__multicolumn_mGQMCh .multicolumn {grid-template-columns: 1fr; align-items: center; max-width: 500px; gap: 1rem; } #shopify-section-sections--25477055873345__multicolumn_mGQMCh .media img {max-width: 200px; width: 100%; margin-bottom: 0.5rem; }} </style></div><div id="shopify-section-sections--25477055873345__email_signup_nRiEmf" class="shopify-section shopify-section-group-footer-group">



<style>
  #shopify-section-sections--25477055873345__email_signup_nRiEmf {
    --section-bg-number: 16646655;
  }

  #shopify-section-sections--25477055873345__email_signup_nRiEmf + * {
    
      --previous-section-bg-number: 16646655;
    
  }
</style>


<div class="section section--full-width section--first-pt-0 " style=" 




"
>
  <div class="section-body ">
    

    <div
      class="
        
          text-center
        
      "
    >
      

      


  
    <div
      class="
        section-header
        section-content-spacing
        rfs:mb-12
        
        prose-align
        
      "
    >
      


  
  <p
    class="heading h2"
    data-animation="heading"
    data-animation-group="sections--25477055873345__email_signup_nRiEmf"
  >
    Get Pet-mates Deals & Tips Straight to Your Inbox
  </p>



  <div
    class="prose  inline-block"
    data-animation="paragraph"
    data-animation-group="sections--25477055873345__email_signup_nRiEmf"
  >
    <p>Be the first to hear about exclusive offers, new arrivals, and smart tips for pet parents.</p>
  </div>




    </div>
  



      <div
        class="inline-flex max-w-xl w-full"
        data-animation="block"
        data-animation-group="sections--25477055873345__email_signup_nRiEmf"
      >
        

<form method="post" action="/contact/?NewsletterForm--sections--25477055873345__email_signup_nRiEmf" id="NewsletterForm--sections--25477055873345__email_signup_nRiEmf" accept-charset="UTF-8" class="w-full max-w-xl" data-form-button-loading="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
  
    <div class="flex flex-wrap gap-y-4 gap-x-3">
      <input
        id="NewsletterEmail--sections--25477055873345__email_signup_nRiEmf"
        type="email"
        name="contact[email]"
        value=""
        class="input grow basis-64"
        aria-required="true"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        aria-label="E-mail"
        placeholder="E-mail"
        required
        
      >

      <button
        type="submit"
        class="button   min-w-fit grow basis-20"
        style="





"
      >
        
          Subscribe
        
      </button>
    </div>
  

  
  <input type="hidden" name="contact[tags]" value="newsletter">
</form>

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


</div><footer id="shopify-section-sections--25477055873345__footer" class="shopify-section shopify-section-group-footer-group section-footer">

<style>
  #shopify-section-sections--25477055873345__footer {
    --section-bg-number: 1375800;
  }

  #shopify-section-sections--25477055873345__footer + * {
    
      --previous-section-bg-number: 1375800;
    
  }
</style>


<div class="section section--full-width footer overflow-hidden" style=" 




"
>
  <div class="footer__blocks">
    
      
          <div
            data-animation="block"
            data-animation-group="sections--25477055873345__footer"
            class="footer-block--text"
            
          >
            
<img src="//pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1920" alt="" srcset="//pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=120 120w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=270 270w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=420 420w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=570 570w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=870 870w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1020 1020w, //pet-mates.shop/cdn/shop/files/petmate-logo-white.svg?v=1763039623&amp;width=1280 1280w" width="1920" height="728" loading="lazy" class="w-full mb-6 md:mb-8" style="max-width: 170px;" sizes="min(170px, 100vw)">
            
            <p class="font-bold mb-4"></p>
            <div class="prose max-md:text-sm">
              <ul><li><a href="#" target="_blank" title="#">Instagram</a></li><li><a href="#" target="_blank" title="#">Facebook</a></li><li><a href="#" target="_blank" title="#">LinkedIn</a></li><li><a href="#" target="_blank" title="#">YouTube</a></li></ul>
            </div>
          </div>
        
    
      
          <div
            data-animation="block"
            data-animation-group="sections--25477055873345__footer"
            class="footer-block--links styled-links"
            
          >
            
              <p class="font-bold mb-4">Shop Pet-mates</p>
            
            <ul class="flex flex-col gap-3">
              
                <li>
                  <a data-instant href="/collections/all">
                    All Products
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/dog">
                    Shop Dog
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/cat">
                    Shop Cat
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/chuckit-products">
                    Chuckit!
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/vittles-vault-products">
                    Vittles Vault
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/petmate">
                    Pet-mates
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/wild-eats">
                    Wild Eats
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/quirky-kitty">
                    Quirky Kitty 
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/petmate-brands">
                    All Brands
                  </a>
                </li>
              
            </ul>
          </div>
        
    
      
          <div
            data-animation="block"
            data-animation-group="sections--25477055873345__footer"
            class="footer-block--links styled-links"
            
          >
            
              <p class="font-bold mb-4">Company</p>
            
            <ul class="flex flex-col gap-3">
              
                <li>
                  <a data-instant href="/pages/the-petmate-story">
                    Our Story
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/storelocator">
                    Store Locator
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/environmental-sustainability">
                    Corporate Sustainability
                  </a>
                </li>
              
                <li>
                  <a data-instant href="https://workforcenow.adp.com/mascsr/default/mdf/recruitment/recruitment.html?cid=2c76d2e1-c61d-4510-9dd1-da12bce5a54c&ccId=19000101_000001&lang=en_US">
                    Careers
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/affiliates">
                    Affiliates
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/patents">
                    Patents
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/blogs/media">
                    Media
                  </a>
                </li>
              
            </ul>
          </div>
        
    
      
          <div
            data-animation="block"
            data-animation-group="sections--25477055873345__footer"
            class="footer-block--links styled-links"
            
          >
            
              <p class="font-bold mb-4">Support</p>
            
            <ul class="flex flex-col gap-3">
              
                <li>
                  <a data-instant href="/pages/faqs">
                    FAQs
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/contact">
                    Contact Us
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/collections/replacement-parts">
                    Replacement Parts
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/policies/shipping-policy">
                    Shipping Policy
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/policies/refund-policy">
                    Returns Policy
                  </a>
                </li>
              
                <li>
                  <a data-instant href="/pages/military-first-responders-discount">
                    Military & First Responders
                  </a>
                </li>
              
                <li>
                  <a data-instant href="https://www.petmatepartners.com/customer/account/create">
                    Apply For a Wholesale Account
                  </a>
                </li>
              
                <li>
                  <a data-instant href="https://www.recallrtr.com/pettoys">
                    Recall
                  </a>
                </li>
              
            </ul>
          </div>
        
    
  </div>

  <div class="flex xl:items-center max-xl:flex-col gap-y-8 md:gap-y-12">
    <div class="footer__country-lang flex gap-8 max-xl:justify-center empty:hidden"></div>

    <div class="spacer max-xl:hidden"></div>

    
</div>

  <hr class="border-separator -mx-co mt-8 md:mt-12">

  <div class="footer__bottom items-center">

    <p class="text-foreground text-sm text-opacity-50 ml-0 xl:ml-auto">
      <span>
        &copy; 2026
        <a href="/" title="">Pet-mates</a>,
      </span>
      <span><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>
    </p>
  </div>
</div>


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

      
    </scroll-animate>

    <ul hidden>
      <li id="A11y-RefreshPageMessage">Choosing a selection results in a full page refresh.</li>
    </ul>

    <x-modal position="center-center" class="modal bottom-modal bottom-modal-lg" id="variant-added-modal">
      <div slot="content" tabindex="-1" class="w-full p-8 md:px-10"></div>
    </x-modal>

    <quick-add-modal
  class="modal bottom-modal quick-add-modal shopify-section"
  id="quick-add-modal"
  position="center-center"
  hide-scrollbar
>
  <div slot="content" tabindex="-1" class="md:grid md:grid-cols-2">
    <div data-media-container class="hidden md:block"></div>

    <div class="relative md:border-solid md:border-l md:border-separator">
      <button
        class="modal-close mb-8 absolute right-3 md:right-4 top-3 md:top-4  z-[1000]"
        data-button-close
        aria-label="Close modal"
      >
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>

      </button>
      <div
        class="p-6 sm:p-8 md:p-10 trim-margins flex items-end md:items-center child:w-full"
        data-product-info-container
      ></div>
    </div>
  </div>
</quick-add-modal>


    <div class="loading-overlay" data-main-loading-overlay style="display: none;">
      <svg
  aria-hidden="true"
  focusable="false"
  class="spinner "
  viewBox="0 0 66 66"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
</svg>

    </div>

    <notification-wrapper
      class="notification-wrapper flex lg:justify-center fixed bottom-0 left-0 right-0 z-[1000]"
      style="display: none;"
    >
      <div
        class="notification bg-base-accent text-base-accent-foreground max-lg:w-full lg:mb-8 px-6 py-4 lg:rounded-full"
      ></div>
    </notification-wrapper>

    <script>
      window.enableRevealOnScrollAnimations = false;

      window.addedToCartNotification = "drawer";

      window.variantStrings = {
        addToCart: `Buy It Now`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.routes = {
        cart_add_url: '/cart/add.js',
        cart_url: '/cart.js',
        cart_change_url: '/cart/change.js',
        cart_update_url: '/cart/update.js',
        predictive_search_url: '/search/suggest',
        product_recommendations_url: '/recommendations/products',
        search_url: '/search'
      };

      window._t = {
        share: {
          copied_to_clipboard: 'Link copied to clipboard',
        },
        pagination: {
          load_more_error: 'Failed to load products',
        },
        sections: {
          cart: {
            add_note: 'Add order note',
            edit_note: 'Edit order note',
          },
          shipping_estimator: {
            no_rates: 'No shipping rates found for this location.',
          }
        }
      };

      window.svgs = {
        chevron: `<svg class="icon-chevron" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M8.00003 20L16 12L8.00003 4.00004"
    stroke="currentColor"
    stroke-width="var(--icon-stroke-width, 2)"
    stroke-linecap="var(--icon-stroke-linecap)"
    stroke-linejoin="var(--icon-stroke-linejoin)"
    vector-effect="non-scaling-stroke" />
</svg>
`,
        times: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 19L19 5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M5 5L19 19" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>
`,
        zoom_in: `<svg
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  stroke="currentColor"
  stroke-width="var(--icon-stroke-width)"
  stroke-linecap="var(--icon-stroke-linecap)"
  stroke-linejoin="var(--icon-stroke-linejoin)"
>
  <circle cx="10" cy="10" r="7"  vector-effect="non-scaling-stroke"/>
  <path d="M20 20L15 15"  vector-effect="non-scaling-stroke"/>
  <path d="M10 7V13" vector-effect="non-scaling-stroke" class="icon-zoom-in-v-bar"/>
  <path d="M13 10H7" vector-effect="non-scaling-stroke"/>
</svg>
`,
        zoom_out: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M20 20L15 15" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
  <path d="M13 10H7" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke"/>
</svg>
`,
      };

      

      
    </script>

    <!-- Locally -->
<noscript>
<img src="https://petmate.locally.com/px?utm_source=noscript" width="1" height="1" style="display: none;" />
</noscript>

<!-- Amazon Tag 14 Oct 2024 -->
<noscript> 
<img src="https://s.amazon-adsystem.com/iu3?pid=ffe144d7-8186-40a4-8a20-c5f40f0b1d92&event=PageView" width="1" height="1" style="display: none;" />
</noscript>



<!-- Upsell It -->
<script type="text/javascript">usi_installed = 0; USI_installCode = function() { if (usi_installed == 0) { usi_installed = 1; var USI_headID = document.getElementsByTagName("head")[0]; var USI_installID = document.createElement('script'); USI_installID.type = 'text/javascript'; USI_installID.src = 'https://www.upsellit.com/active/petmate.jsp'; USI_headID.appendChild(USI_installID); } }; if (typeof(document.readyState) != "undefined" && document.readyState === "complete") { USI_installCode(); } else if (window.addEventListener){ window.addEventListener('load', USI_installCode, true); } else if (window.attachEvent) { window.attachEvent('onload', USI_installCode); } else { USI_installCode(); } setTimeout("USI_installCode()", 10000);</script>

<!-- Klaviyo Added to cart snippet -->
<script>
  window.addEventListener('load', function() {
  var _learnq = window._learnq || [];
  function addedToCart() {
   fetch(`${window.location.origin}/cart.js`)
   .then(res => res.clone().json().then(data => {
    var cart = {
      total_price: data.total_price/100,
      $value: data.total_price/100,
      total_discount: data.total_discount,
      original_total_price: data.original_total_price/100,
      items: data.items
    }
    if (item !== 'undefined') {
      cart = Object.assign(cart, item)
    }
    if (klAjax) {
       _learnq.push(['track', 'Added to Cart', cart]);
       klAjax = false;
      }
   }))
  };
  (function (ns, fetch) {
    ns.fetch = function() {
      const response = fetch.apply(this, arguments);
      response.then(res => {
        if (`${window.location.origin}/cart/add.js`
          .includes(res.url) && res.url !== '') {
              addedToCart()
        }
      });
      return response
     }
  }(window, window.fetch));
  var klAjax = true;
  var atcButtons = document.querySelectorAll("form[action*='/cart/add'] button[type='submit']");
  for (var i = 0; i < atcButtons.length; i++) { 
    atcButtons[i].addEventListener("click", function() {
      if (klAjax) {
        _learnq.push(['track', 'Added to Cart', item]);
        klAjax = false;
      }
    })
  }
  });
</script>



  <div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block"><script>
  (function () {
    const cartAttributes = {};

    // Helper function to retrieve the UTM from Url
    function getUTMFromUrl() {
      const url_string = window.location.href;
      const url = new URL(url_string);

      const utm_id = url.searchParams.get("utm_id");
      const utm_source = url.searchParams.get("utm_source");
      const utm_medium = url.searchParams.get("utm_medium");
      const utm_campaign = url.searchParams.get("utm_campaign");
      const utm_term = url.searchParams.get("utm_term");
      const ref = url.searchParams.get("ref");

      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
        return null;
      }

      let utmParameters = {
        // Double underscore `__` to make it private
        utm_data_source: "checkout_promotions_url_bar",
      };
      
        if (utm_id) {
          utmParameters.utm_id = utm_id;
        }
        if (utm_source) {
          utmParameters.utm_source = utm_source;
        }
        if (utm_medium) {
          utmParameters.utm_medium = utm_medium;
        }
        if (utm_campaign) {
          utmParameters.utm_campaign = utm_campaign;
        }
        if (utm_term) {
          utmParameters.utm_term = utm_term;
        }
        if (ref) {
          utmParameters.ref = ref;
        }
      

      return Object.keys(utmParameters).length === 1
        ? null
        : utmParameters;
    }

    // Helper function to retrieve the UTM from Cookie
    function getUTMAttributes() {
      const urlUtmParams = getUTMFromUrl();

      if (urlUtmParams) {
          return urlUtmParams;
      }

      // No longer reading from deprecated Shopify cookies
      return undefined;
    }

    function saveUtmParameters() {
      const utmParams = getUTMAttributes();
      if (utmParams) {
        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
        if (cartHasUtmAttributes) {
          // Don't call API if it already contains our UTM parameters
          return;
        }

        // Handle both Shopify.routes.root and routes.root_url for better compatibility
        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
          || (window.routes && window.routes.root_url) 
          || '/';
        
        var updateCart = fetch(rootUrl + 'cart/update.js',
        {
          headers: {
            'Content-Type': 'application/json',
          },
          method: "POST",
          body: JSON.stringify({
            attributes: {
              ...utmParams
            },
          })
        })
        .then(response => response.json())
        .then(data => {
          return data
        });
      }
    }

    saveUtmParameters();
  })();
</script>




</div><div id="shopify-block-AV3hyQ2FISjdzWlBPV__11945366711752539959" class="shopify-block shopify-app-block"><script> var script = document.createElement('script');script.type = 'text/javascript';script.id = 'ze-snippet';script.src = 'https://pet-mates.shop/ekr/snippet.js?key=c580c835-3900-457c-ab4f-c304d1214d43';document.getElementsByTagName('head')[0].appendChild(script); </script>


</div><div id="shopify-block-AUWtJZVJjOGw1RjhzV__13324117676663250413" class="shopify-block shopify-app-block">


<!-- BEGIN app snippet: app-embed-snippets --><script type="text/javascript" id="estimator-embed-block-config">
    window.estimatorConfig = {
        template: 'search',
        domain: 'pet-mates.shop',
        pageTitle: 'Search: 3 results found for &quot;Aspen Pet Tie Outs&quot;',
        currency: 'USD',
        shop: 'pet-mates.shop',
        canonicalUrl: 'https://pet-mates.shop/search?q=aspen+pet+tie+outs',
        pageType: 'search',
        moneyFormat: '${{amount}}',
        isPreviewUrl: (window.location.host.indexOf('shopifypreview.com') != -1),
        moneyFormatWithCurrency: '${{amount}} USD'
    };

    /* GLOBAL SETTINGS START */
	window.estimatorConfig.settings = [];
	
		
		
			window.estimatorConfig.settings.push('oiTukHXgIHBtkMS6oiTvlwBpnQvdJCS6StKgYtKgSsgsJQFcIHvpJQP5StysWsScSxX0IHT0H3BzlGEsYsShXDygWMScSxnfmwdzlwnpJQP5miS6StOcSNOcSNOcSNOcSNOcSNKcSNKspCgsJQFckHJvmxusYxcsJG5rIwhvStyhVMTvlwBpnQvdJCS6StKgYtKgSsgsJQP5H3TrlwnvStysWCScSwBvlQP5H2BroCS6StSsVMTjnQPinP90kG1vStysWNK6WNKsVMTdkG5pJQFcIHvpJQP5StysWsScSw1roP9uJGhroF9uIHusYsS1Ssgsn29ik2veJ19uIHvjStysWCgqWCgqWCgqWCgqWCgqWMgqWMT9pA==');
		
	
		
		
			window.estimatorConfig.settings.push('oiT0kG1vow9eJCS6SuPdJHTzI2PmV0XykGXrJ28sVMTdJHXjIGnvBGhvlGFenMS6SwJfmw1lIGX0kG9eTN1mSvgfI2PinPgfIGBuHMTnSsgslGFjm2PxJFLfm2v0kG9eStysIGJ0JHSsVMTvlwPslQEsYxBinGEcSwvjAGhcERTfJRFtnRWsYxBinGEcSwvjD3JvmxXflQBAmw9unGX0miS6nRT1JCgskHXFlwP2IGvcIGTcJFLil2B1I3BjStz0mxFvVMTzm092JHTikGBvAHLglRusYxBinGEcSwvjA2PinOXyJGXbl3F0StzwIGhjJCgsI2PinPBznQhvStysBQFckHJvmxuqIwF0n2FvlsScSwXrmxBOJHXtmwvgnQvflsS6Sxd7JQFckHJvmxvpJQP0JF9dkG59pCLrlwAqo3duJGhznwFioF9uIHBvH21roR19VsScSw1vm3XrJ2FXJHByl2AsYtT9');
		
	
		
		
			window.estimatorConfig.settings.push('oiTcIG5xnGPxJCS6oiTuIHvjStysJQP5URWzSsgskQ91mxWsYsTyl3FiURWzSsgslGvenHBvmiS6Sw1zlxF0JCrjUCScSxXvI29eJRWsYsTjJGXflwAymiusVMTrlwAsYsTrlwAsVMT0l2BroCS6SxBfJQP5SsgsnQ9dl3Til3msYsT0l21fmxTfniT9VMTuIHBvH2hfI2PcJCS6SwFeH1FDSsgsJw9ilGP0Stz7SwBrnQEsYsTcVMLQSQAsVMT0kG1vStyso3duIHvjpH0qo3dyl3Fim319SRd7lGvenHBvm319SRd7m2Ftl25um319Sx0cSw1vm3XrJ2FjStz7SwBrnQFpmwPeJ2EsYsS8JQv2SRX0oGhvZFgsmQPuJQveJjyqWRL4YiLdIHTxkG46SNOgmRqqWRL4YiLwl250VGJrlGvcoDyqkG5yJHTznNcqJw9enM13JGvxkRA6SQ5fmw1rlNcqJw9enM1jkHzvYsKhXRL4YiLckG5vVGrvkGnynNyqWtLgoNdmSt5mnGA4W2BmnGBvYGSqBQFckHJvmxuqIwF0n2FvlsK8m3Bil25xZxd7JQFckHJvmxvpJQP0JF9dkG59pDhmV3X0mw9eJj4qIG5uSNhjnRTflwm+o3duJGhznwFioF9uIHBvH21roR19ZPgfm3Bil25xZs4qD3TuJHSqn2v0kQveTw5sm3K7SNhjnRTflwm+o3dtl3FenQBfn259pDhmV3X0mw9eJj4cSNhjnRTflwm+o3dukHXgIHBtkP9uIHBvpH08HM9jnRTflwm+SQJfmsLwIHX0SRXykHLgkG5xVthmV2Bznt4sVMTeJHr0H2BvlQv2JHT5StysZQBznsLjnRvcJD1mSxLrJQBzlwm6SNLgoNcqlGPiJ2veYsKhWRL4SNLgoNcqJw9enM1wIG1zlRu6SQvekQFikHA7SQJflxAdn2FzJ2r0YsLel3TdIGg7SQJflxAdm2v6JDyqWDBgoNcqlQveJC1yJGvxkRA6SNSgmRq7HMS+HRFuYNXuHRFuJDvsSOFjnQvdIHBvJMLrmxTznwPcSQT5SNhjnRTflwm+o3duJGhznwFioF9uIHBvpH08HM9jnRTflwm+VsLZmwBvmsLgmw9tJHXjkG5xSRnznQrzlsK8m3Bil25xZxd7I291lxBul3nepH08HM9jnRTflwm+VMK8m3Bil25xZxd7JQvjmQP0I2rpJQP0JH19ZPgfm3Bil25xZsLwl3SqJwPjnMLjkQvgmQveJi48HM9ukHI+Ssgsl3F0H29wH3X0l2XbStysSx0cSwvjH291nP9fJv9jnQ9tk190JG1glQP0JCS6JwPcm2EcSwvjH3BfJQP5H3BiIG5jStzwIGhjJCgskHXpnQ9dl3Til3npnRTrlxWsYwJrlRXvpA==');
		
	
	/* GLOBAL SETTINGS END */

	/* VENDOR SETTINGS START */
	window.estimatorConfig.vendorSettings = '';
	/* VENDOR SETTINGS END */
</script><!-- END app snippet -->

<script type="text/javascript" id="estimator-embed-block">
  
  	window.estimatorConfig.version = 1;
  
  	
  
  	
  
  	
  
  	/* DEBUGGER MESSAGES LIST START */
  	window.estimatorConfig.contents = {
  		appScriptStart: 'Script loaded',
  		snippetError: 'Snippet not found',
  		browserCookieEnable: 'Cookies enabled',
  		browserCookieDisable: 'Cookies disabled',
  		appDisabled: 'App Disabled',
  		oversoldProductsDisabled: 'Disabled from oversold products settings',
  		unavailableProductsDisabled: 'Disabled from unavailable products settings',
  		messageMethodError: 'Message display method required or invalid',
  		messagePositionError: 'Message display position required or invalid',
  		messageElementError: 'Message display element required or invalid',
  		productOverrideError: 'Setting to show only on override products is on. Settings also not available',
  		globalOverrideApply: 'Global configuration applied',
  		productOverrideApply: 'Product configuration applied',
  		vendorOverrideApply: 'Vendor configuration applied',
  		collectionOverrideApply: 'Collection configuration applied',
  		productOverrideDisable: 'Added to Product Override and kept disabled',
  		vendorOverrideDisable: 'Added to Vendor Override and kept disabled',
  		collectionOverrideDisable: 'Added to Collections Override and kept disabled',
  		requestAppSetting: 'Request to get application setting',
  		failedRetrieveAppSetting: 'Failed to retrieve application settings',
  		retrieveAppSetting: 'Success in retrieving application settings',

		displayError: 'The display method is incorrect. Choose from Automatically, Manually, or Theme 2.0'
  	};
  	/* DEBUGGER MESSAGES LIST END */
</script>



</div><div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
  <script defer src="https://backinstock.useamp.com/widget/85304_1767160228.js?category=bis&v=6"></script>


<script id="back-in-stock-helper-embedded">
  var _BISConfig = _BISConfig || {};

  

  
</script>

<script id="preorders-helper-embedded">
  
</script>


<script defer type="module" src="https://cdn.shopify.com/extensions/019b9143-b34a-7558-8c27-bda299a106fc/back-in-stock-48/assets/preorder-product-page-updater.js"></script>




</div><style>.shopify-payment-button__button,button.shopify-payment-button__more-options,.shopify-payment-button,a.whatsapp-order-btn{display:none;} </style></body>
</html>
