<!doctype html>
<!-- WF 56a36f41821576ac6379c21fd177552a 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=electronic+mice">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    

    <title>
      Search: 0 results found for &quot;electronic mice&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=electronic+mice">
<meta property="og:title" content="Search: 0 results found for &quot;electronic mice&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: 0 results found for &quot;electronic mice&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":"922eb6f8-7e3f-4153-a584-b6de95a51a3e-1769337028","pageurl":"pet-mates.shop\/search?q=electronic%20mice","u":"bc7de75fd7e5","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\":\"electronic mice\",\"productVariants\":[]}}]]"});</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":[],"page":{"pageType":"searchresults","requestId":"922eb6f8-7e3f-4153-a584-b6de95a51a3e-1769337028"}};
  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":"922eb6f8-7e3f-4153-a584-b6de95a51a3e-1769337028","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":"electronic mice"},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="electronic mice"
        >
        <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>

  
    
      <p class="text-center">No results found for “electronic mice”.</p>
    
  
</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-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><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: 0 results found for &quot;electronic mice&quot;',
        currency: 'USD',
        shop: 'pet-mates.shop',
        canonicalUrl: 'https://pet-mates.shop/search?q=electronic+mice',
        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><style>.shopify-payment-button__button,button.shopify-payment-button__more-options,.shopify-payment-button,a.whatsapp-order-btn{display:none;} </style></body>
</html>
