<!doctype html>
<!-- WF 3ce964c8dfa48dcc6d8622aff7b384e9 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=calming+bed">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    

    <title>
      Search: 10 results found for &quot;calming bed&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=calming+bed">
<meta property="og:title" content="Search: 10 results found for &quot;calming bed&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: 10 results found for &quot;calming bed&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":"a28849db-3660-411b-9c07-c8072de8ac00-1769336923","pageurl":"pet-mates.shop\/search?q=calming%20bed","u":"efdec5b88331","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\":\"calming bed\",\"productVariants\":[{\"price\":{\"amount\":99.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"PetFusion Ultimate Dog Bed With Memory Foam\",\"vendor\":\"Petfusion\",\"id\":\"8996510925121\",\"untranslatedTitle\":\"PetFusion Ultimate Dog Bed With Memory Foam\",\"url\":\"\/products\/petfusion-ultimate-dog-bed-with-memory-foam?_pos=1\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429270929729\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/IBM1_PF_UltimateDogBed_MD_SlateGray_Ecomm_01.jpg?v=1703543614\"},\"sku\":\"PF-IBM1\",\"title\":\"GRAY \/ SMALL\",\"untranslatedTitle\":\"GRAY \/ SMALL\"},{\"price\":{\"amount\":63.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"PetFusion Calming Cuddler Dog Bed\",\"vendor\":\"Pet Fusion\",\"id\":\"8996511383873\",\"untranslatedTitle\":\"PetFusion Calming Cuddler Dog Bed\",\"url\":\"\/products\/petfusion-calming-cuddler-dog-bed?_pos=2\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429272174913\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009\"},\"sku\":\"PF-CIB2\",\"title\":\"GRAY \/ ONE SIZE\",\"untranslatedTitle\":\"GRAY \/ ONE SIZE\"},{\"price\":{\"amount\":79.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"SnooZZy Rustic Luxury Comfy Couch Pet Bed\",\"vendor\":\"Snoozzy\",\"id\":\"8996503224641\",\"untranslatedTitle\":\"SnooZZy Rustic Luxury Comfy Couch Pet Bed\",\"url\":\"\/products\/snoozzy-rustic-luxury-comfy-couch-pet-bed?_pos=3\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429255332161\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546\"},\"sku\":\"85555\",\"title\":\"CREAM\/BROWN \/ LARGE\",\"untranslatedTitle\":\"CREAM\/BROWN \/ LARGE\"},{\"price\":{\"amount\":29.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Aspen Pet Self-Warming Oval Lounger Pet Bed\",\"vendor\":\"Aspen Pet\",\"id\":\"8996493590849\",\"untranslatedTitle\":\"Aspen Pet Self-Warming Oval Lounger Pet Bed\",\"url\":\"\/products\/aspen-pet-self-warming-oval-lounger-pet-bed?_pos=4\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429236392257\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036\"},\"sku\":\"80135\",\"title\":\"BARN RED\/CREAM \/ 19\\\"\",\"untranslatedTitle\":\"BARN RED\/CREAM \/ 19\\\"\"},{\"price\":{\"amount\":29.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"SnooZZy Round Shearling Bolster Dog Bed\",\"vendor\":\"Snoozzy\",\"id\":\"8996496605505\",\"untranslatedTitle\":\"SnooZZy Round Shearling Bolster Dog Bed\",\"url\":\"\/products\/snoozzy-round-shearling-bolster-dog-bed?_pos=5\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429243306305\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/PP23.GRAY.jpg?v=1701976489\"},\"sku\":\"7042701\",\"title\":\"GRAY \/ ONE SIZE\",\"untranslatedTitle\":\"GRAY \/ ONE SIZE\"},{\"price\":{\"amount\":34.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"SnooZZy Rustic Luxury Ultra Cuddler Pet Bed\",\"vendor\":\"Snoozzy\",\"id\":\"8996503191873\",\"untranslatedTitle\":\"SnooZZy Rustic Luxury Ultra Cuddler Pet Bed\",\"url\":\"\/products\/snoozzy-rustic-luxury-ultra-cuddler-pet-bed?_pos=6\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429255299393\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/85553.CREAM_BROWN.jpg?v=1701977219\"},\"sku\":\"85553\",\"title\":\"CREAM\/BROWN \/ ONE SIZE\",\"untranslatedTitle\":\"CREAM\/BROWN \/ ONE SIZE\"},{\"price\":{\"amount\":49.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ruffmaxx Mossy Oak Pillow Dog Bed\",\"vendor\":\"Ruff Maxx\",\"id\":\"8996485366081\",\"untranslatedTitle\":\"Ruffmaxx Mossy Oak Pillow Dog Bed\",\"url\":\"\/products\/ruffmaxx-mossy-oak-pillow-dog-bed?_pos=7\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429215486273\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721\"},\"sku\":\"26940\",\"title\":\"MOSSY OAK INFINITY BREAK UP \/ ONE SIZE\",\"untranslatedTitle\":\"MOSSY OAK INFINITY BREAK UP \/ ONE SIZE\"},{\"price\":{\"amount\":199.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"PetFushion Medium Cuddler Bed\",\"vendor\":\"Pet Fusion\",\"id\":\"9629973872961\",\"untranslatedTitle\":\"PetFushion Medium Cuddler Bed\",\"url\":\"\/products\/petfushion-cuddler-bed?_pos=8\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"49081082937665\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804\"},\"sku\":\"PF-CIB1\",\"title\":\"GRAY \/ 30\\\" X 24\\\"\",\"untranslatedTitle\":\"GRAY \/ 30\\\" X 24\\\"\"},{\"price\":{\"amount\":42.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chuckit! Travel Pillow Bed\",\"vendor\":\"Chuckit\",\"id\":\"8996480188737\",\"untranslatedTitle\":\"Chuckit! Travel Pillow Bed\",\"url\":\"\/products\/chuckit-travel-pillow-bed?_pos=9\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Travel\"},\"id\":\"47429198872897\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142\"},\"sku\":\"10400\",\"title\":\"BLUE\/GRAY \/ ONE SIZE\",\"untranslatedTitle\":\"BLUE\/GRAY \/ ONE SIZE\"},{\"price\":{\"amount\":24.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"SnooZZy Shearling Round Bed\",\"vendor\":\"Snoozzy\",\"id\":\"8996497359169\",\"untranslatedTitle\":\"SnooZZy Shearling Round Bed\",\"url\":\"\/products\/snoozzy-shearling-round-bed?_pos=10\u0026_sid=8f9b200d3\u0026_ss=r\",\"type\":\"Bedding\"},\"id\":\"47429245567297\",\"image\":{\"src\":\"\/\/pet-mates.shop\/cdn\/shop\/files\/7075617.BROWN.jpg?v=1701974933\"},\"sku\":\"7075617\",\"title\":\"BROWN \/ ONE SIZE\",\"untranslatedTitle\":\"BROWN \/ ONE SIZE\"}]}}]]"});</script><script>
  window.pet-mates.shop = window.pet-mates.shop || {};
  window.pet-mates.shop.meta = window.pet-mates.shop.meta || {};
  window.pet-mates.shop.meta.currency = 'USD';
  var meta = {"products":[{"id":8996510925121,"gid":"gid:\/\/shopify\/Product\/8996510925121","vendor":"Petfusion","type":"Bedding","handle":"petfusion-ultimate-dog-bed-with-memory-foam","variants":[{"id":47429270929729,"price":4999.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - GRAY \/ SMALL","public_title":"GRAY \/ SMALL","sku":"PF-IBM1"},{"id":47429270798657,"price":7499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - GRAY \/ LARGE","public_title":"GRAY \/ LARGE","sku":"PF-IBL1"},{"id":47429271060801,"price":11499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - GRAY \/ X-LARGE","public_title":"GRAY \/ X-LARGE","sku":"PF-IBXL1"},{"id":47429270765889,"price":12499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - GRAY \/ XXL","public_title":"GRAY \/ XXL","sku":"PF-IBV1"},{"id":47429270962497,"price":4499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - BROWN \/ SMALL","public_title":"BROWN \/ SMALL","sku":"PF-IBM2"},{"id":47429270995265,"price":7499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - BROWN \/ LARGE","public_title":"BROWN \/ LARGE","sku":"PF-IBL2"},{"id":47429270896961,"price":11499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - BROWN \/ X-LARGE","public_title":"BROWN \/ X-LARGE","sku":"PF-IBXL2"},{"id":47429270831425,"price":12499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - BROWN \/ XXL","public_title":"BROWN \/ XXL","sku":"PF-IBV2"},{"id":47429271126337,"price":4999.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - SAND \/ SMALL","public_title":"SAND \/ SMALL","sku":"PF-IBM3"},{"id":47429271093569,"price":7499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - SAND \/ LARGE","public_title":"SAND \/ LARGE","sku":"PF-IBL3"},{"id":47429271028033,"price":11499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - SAND \/ X-LARGE","public_title":"SAND \/ X-LARGE","sku":"PF-IBXL3"},{"id":47429270864193,"price":12499.5,"name":"PetFusion Ultimate Dog Bed With Memory Foam - SAND \/ XXL","public_title":"SAND \/ XXL","sku":"PF-IBV3"}],"remote":false},{"id":8996511383873,"gid":"gid:\/\/shopify\/Product\/8996511383873","vendor":"Pet Fusion","type":"Bedding","handle":"petfusion-calming-cuddler-dog-bed","variants":[{"id":47429272174913,"price":3199.5,"name":"PetFusion Calming Cuddler Dog Bed - GRAY \/ ONE SIZE","public_title":"GRAY \/ ONE SIZE","sku":"PF-CIB2"}],"remote":false},{"id":8996503224641,"gid":"gid:\/\/shopify\/Product\/8996503224641","vendor":"Snoozzy","type":"Bedding","handle":"snoozzy-rustic-luxury-comfy-couch-pet-bed","variants":[{"id":47429255332161,"price":3999.5,"name":"SnooZZy Rustic Luxury Comfy Couch Pet Bed - CREAM\/BROWN \/ LARGE","public_title":"CREAM\/BROWN \/ LARGE","sku":"85555"}],"remote":false},{"id":8996493590849,"gid":"gid:\/\/shopify\/Product\/8996493590849","vendor":"Aspen Pet","type":"Bedding","handle":"aspen-pet-self-warming-oval-lounger-pet-bed","variants":[{"id":47429236392257,"price":1499.5,"name":"Aspen Pet Self-Warming Oval Lounger Pet Bed - BARN RED\/CREAM \/ 19\"","public_title":"BARN RED\/CREAM \/ 19\"","sku":"80135"}],"remote":false},{"id":8996496605505,"gid":"gid:\/\/shopify\/Product\/8996496605505","vendor":"Snoozzy","type":"Bedding","handle":"snoozzy-round-shearling-bolster-dog-bed","variants":[{"id":47429243306305,"price":1499.5,"name":"SnooZZy Round Shearling Bolster Dog Bed - GRAY \/ ONE SIZE","public_title":"GRAY \/ ONE SIZE","sku":"7042701"}],"remote":false},{"id":8996503191873,"gid":"gid:\/\/shopify\/Product\/8996503191873","vendor":"Snoozzy","type":"Bedding","handle":"snoozzy-rustic-luxury-ultra-cuddler-pet-bed","variants":[{"id":47429255299393,"price":1749.5,"name":"SnooZZy Rustic Luxury Ultra Cuddler Pet Bed - CREAM\/BROWN \/ ONE SIZE","public_title":"CREAM\/BROWN \/ ONE SIZE","sku":"85553"}],"remote":false},{"id":8996485366081,"gid":"gid:\/\/shopify\/Product\/8996485366081","vendor":"Ruff Maxx","type":"Bedding","handle":"ruffmaxx-mossy-oak-pillow-dog-bed","variants":[{"id":47429215486273,"price":2499.5,"name":"Ruffmaxx Mossy Oak Pillow Dog Bed - MOSSY OAK INFINITY BREAK UP \/ ONE SIZE","public_title":"MOSSY OAK INFINITY BREAK UP \/ ONE SIZE","sku":"26940"}],"remote":false},{"id":9629973872961,"gid":"gid:\/\/shopify\/Product\/9629973872961","vendor":"Pet Fusion","type":"Bedding","handle":"petfushion-cuddler-bed","variants":[{"id":49081082937665,"price":9999.5,"name":"PetFushion Medium Cuddler Bed - GRAY \/ 30\" X 24\"","public_title":"GRAY \/ 30\" X 24\"","sku":"PF-CIB1"}],"remote":false},{"id":8996480188737,"gid":"gid:\/\/shopify\/Product\/8996480188737","vendor":"Chuckit","type":"Travel","handle":"chuckit-travel-pillow-bed","variants":[{"id":47429198872897,"price":2149.5,"name":"Chuckit! Travel Pillow Bed - BLUE\/GRAY \/ ONE SIZE","public_title":"BLUE\/GRAY \/ ONE SIZE","sku":"10400"}],"remote":false},{"id":8996497359169,"gid":"gid:\/\/shopify\/Product\/8996497359169","vendor":"Snoozzy","type":"Bedding","handle":"snoozzy-shearling-round-bed","variants":[{"id":47429245567297,"price":1249.5,"name":"SnooZZy Shearling Round Bed - BROWN \/ ONE SIZE","public_title":"BROWN \/ ONE SIZE","sku":"7075617"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"a28849db-3660-411b-9c07-c8072de8ac00-1769336923"}};
  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":"a28849db-3660-411b-9c07-c8072de8ac00-1769336923","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":"calming bed"},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="calming bed"
        >
        <button class="icon-right icon-sm md:icon-lg px-4 box-content" aria-label="Search Button">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Search Icon">
  <path d="M20.5 20.5L14.5 14.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
  <circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="var(--icon-stroke-linecap)" stroke-linejoin="var(--icon-stroke-linejoin)" vector-effect="non-scaling-stroke" />
</svg>

        </button>
      </div>

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

  
    
      

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

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

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

      

      
        

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

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

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

<fieldset>
  <legend class="visually-hidden">Categories</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Beds"
              id="Filter--filter.p.m.custom.categories-1"
              
            >
            <label for="Filter--filter.p.m.custom.categories-1">
              Beds<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Loungers"
              id="Filter--filter.p.m.custom.categories-2"
              
            >
            <label for="Filter--filter.p.m.custom.categories-2">
              Loungers<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Orthopedic"
              id="Filter--filter.p.m.custom.categories-3"
              
            >
            <label for="Filter--filter.p.m.custom.categories-3">
              Orthopedic<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Pillows"
              id="Filter--filter.p.m.custom.categories-4"
              
            >
            <label for="Filter--filter.p.m.custom.categories-4">
              Pillows<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Shaped &amp; Bolster Beds"
              id="Filter--filter.p.m.custom.categories-5"
              
            >
            <label for="Filter--filter.p.m.custom.categories-5">
              Shaped &amp; Bolster Beds<span class="filter-label-count">(5)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

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

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

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

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

<fieldset>
  <legend class="visually-hidden">Size</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="Small"
              id="Filter--filter.v.option.size-1"
              
            >
            <label for="Filter--filter.v.option.size-1">
              Small<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="Large"
              id="Filter--filter.v.option.size-2"
              
            >
            <label for="Filter--filter.v.option.size-2">
              Large<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="X-LARGE"
              id="Filter--filter.v.option.size-3"
              
            >
            <label for="Filter--filter.v.option.size-3">
              X-LARGE<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="XXL"
              id="Filter--filter.v.option.size-4"
              
            >
            <label for="Filter--filter.v.option.size-4">
              XXL<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="19&quot;"
              id="Filter--filter.v.option.size-5"
              
            >
            <label for="Filter--filter.v.option.size-5">
              19&quot;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="30&quot; X 24&quot;"
              id="Filter--filter.v.option.size-6"
              
            >
            <label for="Filter--filter.v.option.size-6">
              30&quot; X 24&quot;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="ONE SIZE"
              id="Filter--filter.v.option.size-7"
              
            >
            <label for="Filter--filter.v.option.size-7">
              ONE SIZE<span class="filter-label-count">(6)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

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

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

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

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

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

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

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

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

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

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

        
          value="250"
        
      >
    </div>

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

      <span>to</span>

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

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

        </div>

        
          </sticky-sidebar> 
        
      

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

    </div>
  </button>

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

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

        </button>
      </div>

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

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

      

      
        

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

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

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

<fieldset>
  <legend class="visually-hidden">Categories</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Beds"
              id="Filter-drawer-filter.p.m.custom.categories-1"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-1">
              Beds<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Loungers"
              id="Filter-drawer-filter.p.m.custom.categories-2"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-2">
              Loungers<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Orthopedic"
              id="Filter-drawer-filter.p.m.custom.categories-3"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-3">
              Orthopedic<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Pillows"
              id="Filter-drawer-filter.p.m.custom.categories-4"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-4">
              Pillows<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.p.m.custom.categories"
              value="Shaped &amp; Bolster Beds"
              id="Filter-drawer-filter.p.m.custom.categories-5"
              
            >
            <label for="Filter-drawer-filter.p.m.custom.categories-5">
              Shaped &amp; Bolster Beds<span class="filter-label-count">(5)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

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

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

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

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

<fieldset>
  <legend class="visually-hidden">Size</legend>
  <ul class="list-unstyled flex flex-wrap gap-4 flex-col" role="list">
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="Small"
              id="Filter-drawer-filter.v.option.size-1"
              
            >
            <label for="Filter-drawer-filter.v.option.size-1">
              Small<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="Large"
              id="Filter-drawer-filter.v.option.size-2"
              
            >
            <label for="Filter-drawer-filter.v.option.size-2">
              Large<span class="filter-label-count">(2)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="X-LARGE"
              id="Filter-drawer-filter.v.option.size-3"
              
            >
            <label for="Filter-drawer-filter.v.option.size-3">
              X-LARGE<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="XXL"
              id="Filter-drawer-filter.v.option.size-4"
              
            >
            <label for="Filter-drawer-filter.v.option.size-4">
              XXL<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="19&quot;"
              id="Filter-drawer-filter.v.option.size-5"
              
            >
            <label for="Filter-drawer-filter.v.option.size-5">
              19&quot;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="30&quot; X 24&quot;"
              id="Filter-drawer-filter.v.option.size-6"
              
            >
            <label for="Filter-drawer-filter.v.option.size-6">
              30&quot; X 24&quot;<span class="filter-label-count">(1)</span></label>
          
        </li>
      
    
      
        <li class="checkbox ">
          
            <input
              type="checkbox"
              name="filter.v.option.size"
              value="ONE SIZE"
              id="Filter-drawer-filter.v.option.size-7"
              
            >
            <label for="Filter-drawer-filter.v.option.size-7">
              ONE SIZE<span class="filter-label-count">(6)</span></label>
          
        </li>
      
    
  </ul>
</fieldset>

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

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

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

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

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

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

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

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

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

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

        
          value="250"
        
      >
    </div>

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

      <span>to</span>

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

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

      </div>

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

      </div>
    </div>
  

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

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

      </div>

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

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

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

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

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

    </div>
  

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

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

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

  </div>

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

  <div class="collection-grid__products">
    


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

    "
    data-container-load-more
  >
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/petfusion-ultimate-dog-bed-with-memory-foam?_pos=1&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="PetFusion Ultimate Dog Bed With Memory Foam">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=1440" alt="Two pets rest on gray PetFusion Ultimate Dog Beds with memory foam, offering joint pain relief, anxiety support, energy promotion, water resistance, easy cleaning, a premium removable cover, and a 12-month warranty. Feature icons are displayed below the beds." srcset="//pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=20" alt="Two pets rest on gray PetFusion Ultimate Dog Beds with memory foam, offering joint pain relief, anxiety support, energy promotion, water resistance, easy cleaning, a premium removable cover, and a 12-month warranty. Feature icons are displayed below the beds." srcset="//pet-mates.shop/cdn/shop/files/unnamed_63e2cf9e-5c10-40b6-baa4-e9fac80bae67.jpg?v=1703543614&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=1440" alt="A small dog rests on a PetFusion Ultimate Dog Bed with gray memory foam and raised bolsters for joint pain relief. Set outdoors on a porch with plants, a label states: Enhanced Support: Soft bolsters provide comfort &amp; support." srcset="//pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/IBM3_PF_UltimateDogBed_MD_Sandstone_Ecomm_05.jpg?v=1703543614&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        
          <div class="info-badge sale-badge">
            Save $1.5
          </div>
        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/petfusion-ultimate-dog-bed-with-memory-foam?_pos=1&_sid=8f9b200d3&_ss=r">PetFusion Ultimate Dog Bed With Memory Foam</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996510925121" data-bv-redirect-url="/products/petfusion-ultimate-dog-bed-with-memory-foam?_pos=1&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

    <div class="mt-2">
      
        
<div class="price-wrapper relative">
  <div class="flex items-center gap-4">
    <div class="price flex flex-wrap flex-row-reverse justify-end whitespace-nowrap gap-x-2">
        
        <span class="visually-hidden order-2">
          Sale price
        </span>
        <span class="sale-price order-2">
          <span class="price-from">From</span> $45
        </span>

        
        <span class="visually-hidden">
          Regular price
        </span>
        <s class="regular-price opacity-70">
          
            $46.5
          
        </s></div></div>
  </div>


  <a href="/products/petfusion-ultimate-dog-bed-with-memory-foam?_pos=1&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/petfusion-calming-cuddler-dog-bed?_pos=2&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="PetFusion Calming Cuddler Dog Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=1440" alt="The PetFusion Calming Cuddler Dog Bed by Pet Fusion is a plush rectangular bed with soft gray sides, a fluffy white interior, and slightly raised edges for anxiety relief. A small label on the front adds style while ensuring comfort for dogs." srcset="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=20" alt="The PetFusion Calming Cuddler Dog Bed by Pet Fusion is a plush rectangular bed with soft gray sides, a fluffy white interior, and slightly raised edges for anxiety relief. A small label on the front adds style while ensuring comfort for dogs." srcset="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_3qtr.jpg?v=1703545009&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=1440" alt="The gray PetFusion Calming Cuddler Dog Bed has raised edges and a plush cream interior for dog anxiety relief, featuring a front label with the Pet Fusion logo to showcase it as a trusted brand." srcset="//pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/CIB2_PF_Calming_Cuddler_FRONT.jpg?v=1703545009&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/petfusion-calming-cuddler-dog-bed?_pos=2&_sid=8f9b200d3&_ss=r">PetFusion Calming Cuddler Dog Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996511383873" data-bv-redirect-url="/products/petfusion-calming-cuddler-dog-bed?_pos=2&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/petfusion-calming-cuddler-dog-bed?_pos=2&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/snoozzy-rustic-luxury-comfy-couch-pet-bed?_pos=3&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="SnooZZy Rustic Luxury Comfy Couch Pet Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=1440" alt="The Snoozzy Rustic Luxury Comfy Couch Pet Bed is a plush, rectangular bed with raised cushioned sides. It features cream ribbed fabric on top, dark sides, a brown front label, and is machine washable for convenience." srcset="//pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=20" alt="The Snoozzy Rustic Luxury Comfy Couch Pet Bed is a plush, rectangular bed with raised cushioned sides. It features cream ribbed fabric on top, dark sides, a brown front label, and is machine washable for convenience." srcset="//pet-mates.shop/cdn/shop/files/unnamed_95e70257-1849-4b03-9ddd-6d2e74971768.jpg?v=1702731546&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=1440" alt="The Snoozzy Rustic Luxury Comfy Couch Pet Bed is plush and cream-colored, featuring ribbed fabric and raised sides. A small brown tag with a paw print decorates the front. Its machine washable for easy care, shown empty against a plain white background." srcset="//pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_4461bfc8-f438-49ed-b3c0-2a52476633ba.jpg?v=1702731554&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/snoozzy-rustic-luxury-comfy-couch-pet-bed?_pos=3&_sid=8f9b200d3&_ss=r">SnooZZy Rustic Luxury Comfy Couch Pet Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996503224641" data-bv-redirect-url="/products/snoozzy-rustic-luxury-comfy-couch-pet-bed?_pos=3&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/snoozzy-rustic-luxury-comfy-couch-pet-bed?_pos=3&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/aspen-pet-self-warming-oval-lounger-pet-bed?_pos=4&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="Aspen Pet Self-Warming Oval Lounger Pet Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=1440" alt="The Aspen Pet Self-Warming Oval Lounger Pet Bed offers a cozy design with deep red ribbed fabric and a plush cream faux lambswool interior. Raised sides provide comfort and security, while the non-skid bottom ensures stability for small to medium-sized pets seeking warmth." srcset="//pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=20" alt="The Aspen Pet Self-Warming Oval Lounger Pet Bed offers a cozy design with deep red ribbed fabric and a plush cream faux lambswool interior. Raised sides provide comfort and security, while the non-skid bottom ensures stability for small to medium-sized pets seeking warmth." srcset="//pet-mates.shop/cdn/shop/files/unnamed_e44e08e7-1615-4d98-87f1-811fbf32f9b3.jpg?v=1702578036&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=1440" alt="The Aspen Pet Self-Warming Oval Lounger Pet Bed has four layers: cozy faux lambs wool plush, a reflective space blanket for warmth, eco-friendly recycled polyfill, and a non-skid bottom. It provides safe and comfortable warmth without needing electricity." srcset="//pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_191b5107-79ab-4ab2-8272-94c898067d61.jpg?v=1702578468&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/aspen-pet-self-warming-oval-lounger-pet-bed?_pos=4&_sid=8f9b200d3&_ss=r">Aspen Pet Self-Warming Oval Lounger Pet Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996493590849" data-bv-redirect-url="/products/aspen-pet-self-warming-oval-lounger-pet-bed?_pos=4&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/aspen-pet-self-warming-oval-lounger-pet-bed?_pos=4&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/snoozzy-round-shearling-bolster-dog-bed?_pos=5&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="SnooZZy Round Shearling Bolster Dog Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=1440" alt="The SnooZZy Round Shearling Bolster Dog Bed by Snoozzy, in gray and white, features a zigzag pattern, plush fabric, and raised sides for comfort. Designed for aging pets, it has a non-skid bottom to ensure stability and safety." srcset="//pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=20" alt="The SnooZZy Round Shearling Bolster Dog Bed by Snoozzy, in gray and white, features a zigzag pattern, plush fabric, and raised sides for comfort. Designed for aging pets, it has a non-skid bottom to ensure stability and safety." srcset="//pet-mates.shop/cdn/shop/files/PP23.GRAY.jpg?v=1701976489&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/snoozzy-round-shearling-bolster-dog-bed?_pos=5&_sid=8f9b200d3&_ss=r">SnooZZy Round Shearling Bolster Dog Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996496605505" data-bv-redirect-url="/products/snoozzy-round-shearling-bolster-dog-bed?_pos=5&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/snoozzy-round-shearling-bolster-dog-bed?_pos=5&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/snoozzy-rustic-luxury-ultra-cuddler-pet-bed?_pos=6&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="SnooZZy Rustic Luxury Ultra Cuddler Pet Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=1440" alt="Introducing the SnooZZy Rustic Luxury Ultra Cuddler Pet Bed: a round, plush haven with a soft light gray rim and dark brown base. Its cozy texture offers rustic luxury for your pet, featuring a small paw print logo on the front and a non-skid bottom for stability." srcset="//pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=20" alt="Introducing the SnooZZy Rustic Luxury Ultra Cuddler Pet Bed: a round, plush haven with a soft light gray rim and dark brown base. Its cozy texture offers rustic luxury for your pet, featuring a small paw print logo on the front and a non-skid bottom for stability." srcset="//pet-mates.shop/cdn/shop/files/85553.CREAM_BROWN.jpg?v=1701977219&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=1440" alt="A small tan dog lies comfortably in a SnooZZy Rustic Luxury Ultra Cuddler Pet Bed, featuring a plush, round design and non-skid bottom. The setting includes a colorful cushion, tall green plant, and candle in a metal holder against a softly lit brick wall." srcset="//pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_b726beee-c3e6-41ac-a9ca-efd4295d63b1.jpg?v=1703526994&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/snoozzy-rustic-luxury-ultra-cuddler-pet-bed?_pos=6&_sid=8f9b200d3&_ss=r">SnooZZy Rustic Luxury Ultra Cuddler Pet Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996503191873" data-bv-redirect-url="/products/snoozzy-rustic-luxury-ultra-cuddler-pet-bed?_pos=6&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/snoozzy-rustic-luxury-ultra-cuddler-pet-bed?_pos=6&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/ruffmaxx-mossy-oak-pillow-dog-bed?_pos=7&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="Ruffmaxx Mossy Oak Pillow Dog Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=1440" alt="The Ruffmaxx Mossy Oak Pillow Dog Bed by Ruff Maxx features a realistic forest floor camo pattern with branches, leaves, and bark in brown and green hues. Its ideal as an outdoor dog bed cushion or water-resistant dog bed topper." srcset="//pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=20" alt="The Ruffmaxx Mossy Oak Pillow Dog Bed by Ruff Maxx features a realistic forest floor camo pattern with branches, leaves, and bark in brown and green hues. Its ideal as an outdoor dog bed cushion or water-resistant dog bed topper." srcset="//pet-mates.shop/cdn/shop/files/26940_MO_Pillow_Bed_27x36in_FRONT_1.jpg?v=1701975721&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=1440" alt="The Ruffmaxx Mossy Oak Pillow Dog Bed by Ruff Maxx features an earthy camo-pattern with brown and green shades, shaped in a standard rectangle. Suitable for rustic themes or outdoor use, it doubles as a water-resistant dog bed." srcset="//pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_2c1aba8b-3ba9-42a7-a428-351a42b68c35.jpg?v=1702732603&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/ruffmaxx-mossy-oak-pillow-dog-bed?_pos=7&_sid=8f9b200d3&_ss=r">Ruffmaxx Mossy Oak Pillow Dog Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996485366081" data-bv-redirect-url="/products/ruffmaxx-mossy-oak-pillow-dog-bed?_pos=7&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/ruffmaxx-mossy-oak-pillow-dog-bed?_pos=7&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/petfushion-cuddler-bed?_pos=8&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="PetFushion Medium Cuddler Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=1440" alt="A cozy rectangular gray pet bed with raised sides and a plush cream-colored interior, labeled Pet Fusion Medium Cuddler Bed, features high-walled bolsters for extra comfort, ideal for stylish snuggling." srcset="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=20" alt="A cozy rectangular gray pet bed with raised sides and a plush cream-colored interior, labeled Pet Fusion Medium Cuddler Bed, features high-walled bolsters for extra comfort, ideal for stylish snuggling." srcset="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_13_20.192Z.png?v=1721754804&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=1440" alt="The PetFusion Medium Cuddler Bed by Pet Fusion is Gray with a plush white interior, high-walled bolsters, and a memory foam base for ultimate comfort. It features a raised border with a small logo tag and is displayed against a white background." srcset="//pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/CIB2_2024-07-23T17_12_26.291Z.png?v=1721754748&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/petfushion-cuddler-bed?_pos=8&_sid=8f9b200d3&_ss=r">PetFushion Medium Cuddler Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="9629973872961" data-bv-redirect-url="/products/petfushion-cuddler-bed?_pos=8&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/petfushion-cuddler-bed?_pos=8&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/chuckit-travel-pillow-bed?_pos=9&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="Chuckit! Travel Pillow Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=1440" alt="The Chuckit! Travel Pillow Bed, an oval sleeping bag by Chuckit, lies on a white background. It features subtle seams and a white logo at the bottom right corner, with hints of blue on the edges. Portable with a stuff sack and machine washable for easy care." srcset="//pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=20" alt="The Chuckit! Travel Pillow Bed, an oval sleeping bag by Chuckit, lies on a white background. It features subtle seams and a white logo at the bottom right corner, with hints of blue on the edges. Portable with a stuff sack and machine washable for easy care." srcset="//pet-mates.shop/cdn/shop/files/unnamed_08e8f46f-dbd0-4748-8bfe-8ac8e7b56f99.jpg?v=1702623142&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
              <div
                class="
                  product-card__second-image bg-background absolute inset-0 touch:hidden
                  transition-opacity duration-200 opacity-0 group-hover/media:opacity-100 z-10
                "
              >
                <img src="//pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=1440" alt="The Chuckit! Travel Pillow Bed by Chuckit features a lightweight, blue, cylindrical sack with a drawstring closure and dark cord. Made of smooth, subtly wrinkled fabric, its perfect for travelers and is machine washable." srcset="//pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/unnamed_8983eef6-e679-4147-9ffa-aa2fef56b46b.jpg?v=1702623152&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" fetchpriority="low" class="product-thumbnail-shade">
              </div>
            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/chuckit-travel-pillow-bed?_pos=9&_sid=8f9b200d3&_ss=r">Chuckit! Travel Pillow Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996480188737" data-bv-redirect-url="/products/chuckit-travel-pillow-bed?_pos=9&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/chuckit-travel-pillow-bed?_pos=9&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
      

      <li>
        
            

<div class="product-card group color rounded-block " >
  <div class="relative overflow-hidden group/media">
    <a href="/products/snoozzy-shearling-round-bed?_pos=10&_sid=8f9b200d3&_ss=r" tabindex="-1" data-instant aria-label="SnooZZy Shearling Round Bed">
      <div
        class="media rounded-block [--aspect-ratio:--product-card-image-aspect]"
      >
        
          
            <lqip-element class="image-loader h-full">
              <img src="//pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=1440" alt="The SnooZZy Shearling Round Bed by Snoozzy features a cozy, machine washable pet bed with a soft beige lining and dark brown exterior. Its high cushioned edge ensures support, creating a snug nesting space for pet comfort." srcset="//pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=360 360w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=450 450w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=540 540w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=630 630w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=720 720w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=900 900w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=1050 1050w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=1200 1200w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=1320 1320w, //pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=1440 1440w" width="1440" height="1440" loading="lazy" sizes="(min-width: 992px) max(360px, calc( ( min(1600px, 100vw) - 324px ) / 3 )), (min-width: 576px) 336px,50vw" class="product-card__image product-thumbnail-shade">

              <img src="//pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=20" alt="The SnooZZy Shearling Round Bed by Snoozzy features a cozy, machine washable pet bed with a soft beige lining and dark brown exterior. Its high cushioned edge ensures support, creating a snug nesting space for pet comfort." srcset="//pet-mates.shop/cdn/shop/files/7075617.BROWN.jpg?v=1701974933&amp;width=20 20w" width="20" height="20" class="media-lq-placeholder" fetchpriority="low">
            </lqip-element>

            
          

        

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

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

        

        
          
        
      </div>
    

    
  </div>

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

    

    <h2 class="product-name">
      <a data-instant href="/products/snoozzy-shearling-round-bed?_pos=10&_sid=8f9b200d3&_ss=r">SnooZZy Shearling Round Bed</a>
    </h2>

    <div class="mt-2" data-bv-show="inline_rating" data-bv-product-id="8996497359169" data-bv-redirect-url="/products/snoozzy-shearling-round-bed?_pos=10&_sid=8f9b200d3&_ss=r" data-bv-seo="false"></div>

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


  <a href="/products/snoozzy-shearling-round-bed?_pos=10&_sid=8f9b200d3&_ss=r" class="shopnow">Shop Now</a>

      
    </div>

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

    
  </div>
</div>

        
      </li>
    
  </ul>
  
    

  



  </div>
</div>

    
  
</div>


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



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

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


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

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


  --color-foreground: 255 255 255;



  --color-headings: 255 255 255;

"
>
  


  



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

          

          

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

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

          

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

          

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

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


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



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

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


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




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

    <div
      class="
        
          text-center
        
      "
    >
      

      


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


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



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




    </div>
  



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

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

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





"
      >
        
          Subscribe
        
      </button>
    </div>
  

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

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


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

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

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


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




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

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

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

    
</div>

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

  <div class="footer__bottom items-center">

    <p class="text-foreground text-sm text-opacity-50 ml-0 xl:ml-auto">
      <span>
        &copy; 2026
        <a href="/" title="">Pet-mates</a>,
      </span>
      <span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></span>
    </p>
  </div>
</div>


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

      
    </scroll-animate>

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

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

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

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

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


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

    </div>

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

    <script>
      window.enableRevealOnScrollAnimations = false;

      window.addedToCartNotification = "drawer";

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

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

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

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

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

      

      
    </script>

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


  <div id="shopify-block-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-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: 10 results found for &quot;calming bed&quot;',
        currency: 'USD',
        shop: 'pet-mates.shop',
        canonicalUrl: 'https://pet-mates.shop/search?q=calming+bed',
        pageType: 'search',
        moneyFormat: '${{amount}}',
        isPreviewUrl: (window.location.host.indexOf('shopifypreview.com') != -1),
        moneyFormatWithCurrency: '${{amount}} USD'
    };

    /* GLOBAL SETTINGS START */
	window.estimatorConfig.settings = [];
	
		
		
			window.estimatorConfig.settings.push('oiTukHXgIHBtkMS6oiTvlwBpnQvdJCS6StKgYtKgSsgsJQFcIHvpJQP5StysWsScSxX0IHT0H3BzlGEsYsShXDygWMScSxnfmwdzlwnpJQP5miS6StOcSNOcSNOcSNOcSNOcSNKcSNKspCgsJQFckHJvmxusYxcsJG5rIwhvStyhVMTvlwBpnQvdJCS6StKgYtKgSsgsJQP5H3TrlwnvStysWCScSwBvlQP5H2BroCS6StSsVMTjnQPinP90kG1vStysWNK6WNKsVMTdkG5pJQFcIHvpJQP5StysWsScSw1roP9uJGhroF9uIHusYsS1Ssgsn29ik2veJ19uIHvjStysWCgqWCgqWCgqWCgqWCgqWMgqWMT9pA==');
		
	
		
		
			window.estimatorConfig.settings.push('oiT0kG1vow9eJCS6SuPdJHTzI2PmV0XykGXrJ28sVMTdJHXjIGnvBGhvlGFenMS6SwJfmw1lIGX0kG9eTN1mSvgfI2PinPgfIGBuHMTnSsgslGFjm2PxJFLfm2v0kG9eStysIGJ0JHSsVMTvlwPslQEsYxBinGEcSwvjAGhcERTfJRFtnRWsYxBinGEcSwvjD3JvmxXflQBAmw9unGX0miS6nRT1JCgskHXFlwP2IGvcIGTcJFLil2B1I3BjStz0mxFvVMTzm092JHTikGBvAHLglRusYxBinGEcSwvjA2PinOXyJGXbl3F0StzwIGhjJCgsI2PinPBznQhvStysBQFckHJvmxuqIwF0n2FvlsScSwXrmxBOJHXtmwvgnQvflsS6Sxd7JQFckHJvmxvpJQP0JF9dkG59pCLrlwAqo3duJGhznwFioF9uIHBvH21roR19VsScSw1vm3XrJ2FXJHByl2AsYtT9');
		
	
		
		
			window.estimatorConfig.settings.push('oiTcIG5xnGPxJCS6oiTuIHvjStysJQP5URWzSsgskQ91mxWsYsTyl3FiURWzSsgslGvenHBvmiS6Sw1zlxF0JCrjUCScSxXvI29eJRWsYsTjJGXflwAymiusVMTrlwAsYsTrlwAsVMT0l2BroCS6SxBfJQP5SsgsnQ9dl3Til3msYsT0l21fmxTfniT9VMTuIHBvH2hfI2PcJCS6SwFeH1FDSsgsJw9ilGP0Stz7SwBrnQEsYsTcVMLQSQAsVMT0kG1vStyso3duIHvjpH0qo3dyl3Fim319SRd7lGvenHBvm319SRd7m2Ftl25um319Sx0cSw1vm3XrJ2FjStz7SwBrnQFpmwPeJ2EsYsS8JQv2SRX0oGhvZFgsmQPuJQveJjyqWRL4YiLdIHTxkG46SNOgmRqqWRL4YiLwl250VGJrlGvcoDyqkG5yJHTznNcqJw9enM13JGvxkRA6SQ5fmw1rlNcqJw9enM1jkHzvYsKhXRL4YiLckG5vVGrvkGnynNyqWtLgoNdmSt5mnGA4W2BmnGBvYGSqBQFckHJvmxuqIwF0n2FvlsK8m3Bil25xZxd7JQFckHJvmxvpJQP0JF9dkG59pDhmV3X0mw9eJj4qIG5uSNhjnRTflwm+o3duJGhznwFioF9uIHBvH21roR19ZPgfm3Bil25xZs4qD3TuJHSqn2v0kQveTw5sm3K7SNhjnRTflwm+o3dtl3FenQBfn259pDhmV3X0mw9eJj4cSNhjnRTflwm+o3dukHXgIHBtkP9uIHBvpH08HM9jnRTflwm+SQJfmsLwIHX0SRXykHLgkG5xVthmV2Bznt4sVMTeJHr0H2BvlQv2JHT5StysZQBznsLjnRvcJD1mSxLrJQBzlwm6SNLgoNcqlGPiJ2veYsKhWRL4SNLgoNcqJw9enM1wIG1zlRu6SQvekQFikHA7SQJflxAdn2FzJ2r0YsLel3TdIGg7SQJflxAdm2v6JDyqWDBgoNcqlQveJC1yJGvxkRA6SNSgmRq7HMS+HRFuYNXuHRFuJDvsSOFjnQvdIHBvJMLrmxTznwPcSQT5SNhjnRTflwm+o3duJGhznwFioF9uIHBvpH08HM9jnRTflwm+VsLZmwBvmsLgmw9tJHXjkG5xSRnznQrzlsK8m3Bil25xZxd7I291lxBul3nepH08HM9jnRTflwm+VMK8m3Bil25xZxd7JQvjmQP0I2rpJQP0JH19ZPgfm3Bil25xZsLwl3SqJwPjnMLjkQvgmQveJi48HM9ukHI+Ssgsl3F0H29wH3X0l2XbStysSx0cSwvjH291nP9fJv9jnQ9tk190JG1glQP0JCS6JwPcm2EcSwvjH3BfJQP5H3BiIG5jStzwIGhjJCgskHXpnQ9dl3Til3npnRTrlxWsYwJrlRXvpA==');
		
	
	/* GLOBAL SETTINGS END */

	/* VENDOR SETTINGS START */
	window.estimatorConfig.vendorSettings = '';
	/* VENDOR SETTINGS END */
</script><!-- END app snippet -->

<script type="text/javascript" id="estimator-embed-block">
  
  	window.estimatorConfig.version = 1;
  
  	
  
  	
  
  	
  
  	/* DEBUGGER MESSAGES LIST START */
  	window.estimatorConfig.contents = {
  		appScriptStart: 'Script loaded',
  		snippetError: 'Snippet not found',
  		browserCookieEnable: 'Cookies enabled',
  		browserCookieDisable: 'Cookies disabled',
  		appDisabled: 'App Disabled',
  		oversoldProductsDisabled: 'Disabled from oversold products settings',
  		unavailableProductsDisabled: 'Disabled from unavailable products settings',
  		messageMethodError: 'Message display method required or invalid',
  		messagePositionError: 'Message display position required or invalid',
  		messageElementError: 'Message display element required or invalid',
  		productOverrideError: 'Setting to show only on override products is on. Settings also not available',
  		globalOverrideApply: 'Global configuration applied',
  		productOverrideApply: 'Product configuration applied',
  		vendorOverrideApply: 'Vendor configuration applied',
  		collectionOverrideApply: 'Collection configuration applied',
  		productOverrideDisable: 'Added to Product Override and kept disabled',
  		vendorOverrideDisable: 'Added to Vendor Override and kept disabled',
  		collectionOverrideDisable: 'Added to Collections Override and kept disabled',
  		requestAppSetting: 'Request to get application setting',
  		failedRetrieveAppSetting: 'Failed to retrieve application settings',
  		retrieveAppSetting: 'Success in retrieving application settings',

		displayError: 'The display method is incorrect. Choose from Automatically, Manually, or Theme 2.0'
  	};
  	/* DEBUGGER MESSAGES LIST END */
</script>



</div><div id="shopify-block-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-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><style>.shopify-payment-button__button,button.shopify-payment-button__more-options,.shopify-payment-button,a.whatsapp-order-btn{display:none;} </style></body>
</html>
