#shopify-section-custom_pet_header{position:relative;z-index:40;background:transparent}#shopify-section-custom_pet_header:has(pet-site-header[data-sticky=true]){position:sticky;top:0}#shopify-section-custom_pet_header:has(pet-site-header[data-homepage=true]){margin-bottom:-28px}pet-site-header{--pet-nav-blue: #5fb3f9;--pet-nav-ink: #102d44;--pet-nav-surface: #f6fbff;display:block;color:var(--pet-nav-ink)}.pet-header__surface{position:relative;background:transparent}.pet-header__surface:before{content:"";position:absolute;top:4px;right:6px;bottom:4px;left:6px;z-index:0;pointer-events:none;border:1px solid rgba(255,255,255,.78);border-radius:16px;background:var(--pet-nav-blue);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #102d4429,0 4px 10px #102d4414,0 12px 28px #102d441f}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.pet-header__surface:before{background:linear-gradient(112deg,#ffffff6b,#ffffff1a 48%,#ffffff3d),linear-gradient(180deg,#5fb3f9db,#5fb3f9e0);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}}.pet-header{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:1440px;min-height:76px;margin:0 auto;padding:12px 16px}.pet-header a,.pet-header button,.pet-header summary{color:var(--pet-nav-ink)}.pet-header__brand{flex:0 0 auto;width:min(var(--pet-logo-width, 200px),clamp(94px,calc(100vw - 242px),140px));margin:0;line-height:0}.pet-header__brand a,.pet-header__brand img{display:block;width:100%;height:auto}.pet-header__utilities{display:flex;align-items:center;gap:2px;margin-left:auto}.pet-header__utility,.pet-header__menu-toggle{display:inline-flex;position:relative;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-decoration:none}.pet-header__utility svg,.pet-header__menu-toggle svg{width:24px;height:24px}.pet-header #cart-icon-bubble .cart-count-bubble{position:absolute;inset:0 -2px auto auto;min-width:18px;height:18px;border-radius:12px;background:#fff;color:var(--pet-nav-ink);font-size:11px}.pet-header #cart-icon-bubble .cart-count-bubble span{font-size:11px}.pet-header__navigation,.pet-header__desktop-search,.pet-header__contact{display:none}.pet-menu{color:var(--pet-nav-ink);background:#f6fbff;border:0;padding:0}.pet-menu:not([open]){display:none}.pet-menu::backdrop{background:#102d445c}.pet-menu__toolbar{display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid #d7e8f6;background:#f6fbff;z-index:2;font-size:18px;font-weight:600}.pet-nav__list{list-style:none;margin:0;padding:16px 20px 40px}.pet-nav__item{margin:0}.pet-nav__trigger,.pet-nav__direct{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0;border:0;background:transparent;font-family:var(--font-heading-family);font-size:25px;font-weight:600;line-height:1.25;text-decoration:none;list-style:none;cursor:pointer}.pet-nav__trigger::-webkit-details-marker{display:none}.pet-nav__trigger-art,.pet-nav__trigger-caption{display:none}.pet-nav__trigger-copy{min-width:0}.pet-nav__trigger .icon{position:static;width:12px;height:12px;flex:0 0 auto;transition:transform .15s ease}.pet-nav__group[open]>.pet-nav__trigger .icon{transform:rotate(180deg)}.pet-nav__panel{padding:8px 0 24px}.pet-nav__panel-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #d7e8f6}.pet-nav__panel-title{margin:0;color:var(--pet-nav-ink);font-family:var(--font-body-family);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0}.pet-nav__intro{max-width:72ch;margin:0;color:#455c6f;font-size:14px;line-height:1.5;letter-spacing:0}.pet-nav__panel-title+.pet-nav__intro{margin-top:5px}.pet-nav__directory{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.pet-nav__category{min-width:0}.pet-nav__category-title{padding:0 0 10px;margin:0 0 2px;border-bottom:1px solid #d7e8f6;color:var(--pet-nav-ink);font-family:var(--font-body-family);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:0}.pet-nav__product-list{display:grid;list-style:none;padding:0;margin:0}.pet-nav__product-list>li{min-width:0;padding:0;margin:0;border-bottom:1px solid #e1edf6}.pet-nav__product-list>li:last-child{border-bottom:0}.pet-nav__product-link{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;min-width:0;min-height:76px;padding:12px 0;border-radius:6px;color:var(--pet-nav-ink);text-decoration:none}.pet-nav__thumb{display:block;width:52px;height:52px;overflow:hidden;border:1px solid #e1edf6;border-radius:8px;background:#fff}.pet-nav__thumb img{display:block;width:100%;height:100%;object-fit:contain}.pet-nav__panel[data-audience=all] .pet-nav__product-link{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding-block:10px}.pet-nav__thumb--need{width:56px;height:56px;border:0;border-radius:10px;background:#eaf5fe}.pet-nav__thumb--need img{object-fit:cover}.pet-nav__panel[data-audience=all] .pet-nav__formats{font-size:12px}.pet-nav__product-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;overflow-wrap:break-word}.pet-nav__purpose,.pet-nav__formula,.pet-nav__formats{display:block;max-width:100%;letter-spacing:0}.pet-nav__purpose{color:var(--pet-nav-ink);font-size:16px;font-weight:600;line-height:1.3}.pet-nav__formula{color:#3d566b;font-size:14px;line-height:1.4}.pet-nav__formats{color:#526879;font-size:13px;line-height:1.45}.pet-nav__availability{display:block;max-width:100%;margin-top:2px;color:#526879;font-size:12px;line-height:1.4;letter-spacing:0}.pet-nav__sold-out{display:inline-block;width:fit-content;max-width:100%;padding:2px 6px;margin-top:2px;border:1px solid #c5dff2;border-radius:4px;background:#eaf5ff;color:var(--pet-nav-ink);font-size:12px;font-weight:600;line-height:1.35;letter-spacing:0}.pet-nav__view-all{display:inline-flex;align-items:center;gap:10px;min-height:44px;width:fit-content;max-width:100%;padding:9px 13px;margin:0;border:1px solid #bdd9ef;border-radius:6px;background:#eaf5ff;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;text-underline-offset:4px}.pet-nav__view-all .icon{width:16px;height:16px;flex:0 0 auto}.pet-nav__learn-list{display:grid;gap:4px;list-style:none;padding:0;margin:0}.pet-nav__learn-list a{display:block;min-height:44px;padding:10px 0;font-size:17px;line-height:1.4;text-decoration:none}.pet-header a:focus-visible,.pet-header button:focus-visible,.pet-header summary:focus-visible,.pet-header input:focus-visible{outline:2px solid var(--pet-nav-ink);outline-offset:4px;box-shadow:none}.pet-header .search-modal{color:var(--pet-nav-ink);background:#f6fbff;z-index:5}.pet-header__utility:hover,.pet-header__menu-toggle:hover{background:#ffffff52}.pet-nav__product-link:hover .pet-nav__purpose,.pet-nav__view-all:hover,.pet-nav__learn-list a:hover,.pet-nav__direct:hover,.pet-nav__group[open]>.pet-nav__trigger{text-decoration:underline;text-underline-offset:5px}.pet-nav__product-link:hover,.pet-nav__product-link:focus-visible,.pet-nav__view-all:hover{background:#eaf5ff}@media(max-width:1099px){.pet-nav__panel-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pet-nav__panel-title+.pet-nav__intro{margin-top:0}.pet-menu{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100% - 20px);max-width:640px;height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);margin:10px auto;overflow:hidden;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.92);border-radius:26px;background:#edf7ff;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #102d441f,0 20px 70px #102d444d}.pet-menu[data-mobile-open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.pet-menu:not([data-mobile-open]){display:none}.pet-menu::backdrop{background:#102d444d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pet-menu__toolbar{position:relative;min-height:76px;padding:12px 18px;background:#ffffff2e;border-bottom:1px solid rgba(16,45,68,.1)}.pet-menu__brand{display:block;width:148px;max-width:calc(100% - 68px);line-height:1;text-decoration:none}.pet-menu__brand img{display:block;width:100%;height:auto}.pet-menu__close{width:48px;height:48px;border:1px solid rgba(16,45,68,.12);border-radius:50%;background:#fff9}.pet-menu__close svg{width:22px;height:22px}.pet-menu__breadcrumb{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 20px;border-bottom:1px solid rgba(16,45,68,.1);background:#ffffff38}.pet-menu__back{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;min-height:44px;padding:0 8px 0 0;border:0;background:transparent;color:var(--pet-nav-ink);font:inherit;font-size:14px;cursor:pointer}.pet-menu__back[hidden]{display:none}.pet-menu__back svg{width:20px;height:20px}.pet-menu__section-label{min-width:0;color:#102d44;font-size:15px;font-weight:600;line-height:1.35}.pet-menu [data-pet-mobile-mount]{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:16px}.pet-menu .pet-nav__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:8px 16px 20px}.pet-menu .pet-nav__item+.pet-nav__item{border-top:0}.pet-menu .pet-nav__item:not([data-pet-audience]){grid-column:1 / -1}.pet-menu .pet-nav__trigger{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-height:100%;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffff7a;font-family:var(--font-body-family);font-size:19px;line-height:1.2;text-decoration:none}.pet-menu .pet-nav__trigger-art{display:flex;align-items:center;justify-content:center;width:100%;height:112px;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:14px;background:#e8f5ffa6}.pet-menu .pet-nav__trigger-art img{display:block;width:100%;height:100%;object-fit:contain}.pet-menu .pet-nav__trigger-art--learn svg{width:44px;height:44px}.pet-menu .pet-nav__trigger-caption{display:block;margin-top:5px;color:#3d566b;font-size:12px;font-weight:400;line-height:1.45}.pet-menu .pet-nav__trigger>.icon{display:none}.pet-menu .pet-nav__item:not([data-pet-audience]) .pet-nav__trigger{display:grid;grid-template-columns:48px minmax(0,1fr) 14px;align-items:center;gap:12px;min-height:74px;padding:10px 12px}.pet-menu .pet-nav__item:not([data-pet-audience]) .pet-nav__trigger-art{width:48px;height:48px}.pet-menu .pet-nav__item:not([data-pet-audience]) .pet-nav__trigger>.icon{display:block;transform:rotate(-90deg)}.pet-menu[data-menu-level=detail] .pet-nav__item:not(:has(>.is-mobile-active)),.pet-menu[data-menu-level=detail] .is-mobile-active>.pet-nav__trigger{display:none}.pet-menu[data-menu-level=detail] .pet-nav__item{grid-column:1 / -1;border-top:0}.pet-menu .pet-nav__panel{padding:12px 0 8px}.pet-menu .pet-nav__panel-header{gap:12px;padding-bottom:16px;margin-bottom:20px}.pet-menu .pet-nav__product-link,.pet-menu .pet-nav__panel[data-audience=all] .pet-nav__product-link{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:100%;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:#ffffff8f}.pet-menu .pet-nav__product-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.pet-menu .pet-nav__product-list>li{border:0}.pet-menu .pet-nav__thumb{width:100%;height:auto;aspect-ratio:1;border-radius:14px;background:#ffffffbf}.pet-menu .pet-nav__purpose{font-size:14px;line-height:1.35}.pet-menu .pet-nav__formula{font-size:12px}.pet-menu .pet-nav__availability,.pet-menu .pet-nav__sold-out{font-size:11px}.pet-menu .pet-nav__formats,.pet-menu .pet-nav__panel[data-audience=all] .pet-nav__formats{font-size:12px;line-height:1.5}.pet-menu__footer{padding:12px 18px 16px;border-top:1px solid rgba(16,45,68,.12);background:#ffffff59}.pet-menu__shop-all{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;padding:12px 16px;border:1px solid #102d44;border-radius:12px;background:#102d44;color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none}.pet-header .pet-menu__shop-all{color:#fff}.pet-menu__shop-all .icon{width:18px;height:18px}@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)){.pet-menu{background:linear-gradient(125deg,#ffffff85,#ffffff2e 45%,#ffffff59),#def1ffd1;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%)}}@media(max-width:359px){.pet-menu__toolbar{padding-inline:14px}.pet-menu__breadcrumb{padding-inline:16px}.pet-menu .pet-nav__list{padding-inline:12px}.pet-menu .pet-nav__trigger{gap:8px;padding:8px;font-size:17px}.pet-menu .pet-nav__trigger-art{height:90px}.pet-menu .pet-nav__trigger-caption{font-size:11px}.pet-menu .pet-nav__product-link,.pet-menu .pet-nav__panel[data-audience=all] .pet-nav__product-link{gap:8px;padding:8px}.pet-menu .pet-nav__product-list{gap:10px}}}@media(min-width:1100px){.pet-header__surface:before{top:4px;right:12px;bottom:4px;left:12px;border-radius:20px}.pet-header{gap:24px;padding:12px 32px;min-height:84px}.pet-header__brand{width:min(var(--pet-logo-width, 200px),200px)}.pet-header__menu-toggle,.pet-menu__toolbar{display:none}.pet-header__navigation{display:block;flex:1 1 auto}.pet-menu{display:none}.pet-nav__list{display:flex;align-items:center;justify-content:center;gap:22px;padding:0}.pet-nav__trigger,.pet-nav__direct{justify-content:flex-start;gap:7px;min-height:44px;padding:10px 0;font-family:var(--font-body-family);font-size:15px;white-space:nowrap}.pet-nav__panel{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:16px;padding:24px 32px 28px;border-top:1px solid #d7e8f6;border-bottom:1px solid #d7e8f6;background:#f9fcfffc;box-shadow:0 12px 22px #102d441f}.pet-nav__panel-header,.pet-nav__directory{max-width:1240px;margin-inline:auto}.pet-nav__panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:center}.pet-nav__panel-title{grid-column:1;grid-row:1}.pet-nav__intro{grid-column:1;grid-row:2}.pet-nav__directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.pet-nav__panel[data-audience=all] .pet-nav__product-link{grid-template-columns:60px minmax(0,1fr)}.pet-nav__thumb--need{width:60px;height:60px}.pet-nav__panel[data-audience=dogs] .pet-nav__directory,.pet-nav__panel[data-audience=cats] .pet-nav__directory{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-nav__panel[data-audience=horses] .pet-nav__directory{grid-template-columns:minmax(0,1fr)}.pet-nav__panel[data-audience=horses] .pet-nav__product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pet-nav__panel[data-audience=horses] .pet-nav__product-list>li{border-bottom:0}.pet-nav__view-all{grid-column:2;grid-row:1 / span 2;align-self:center}.pet-nav__learn-list{display:flex;justify-content:center;gap:48px}.pet-header__desktop-search{display:flex;flex:0 1 190px;min-width:140px;align-items:center;background:#fff;border:1px solid rgba(16,45,68,.35);border-radius:32px}.pet-header__desktop-search input{min-width:0;width:100%;border:0;border-radius:32px;background:transparent;color:var(--pet-nav-ink);padding:10px 0 10px 16px;font:inherit;font-size:14px}.pet-header__desktop-search input::placeholder{color:#555;opacity:1}pet-site-header[data-desktop-search=true] .pet-header__search-modal{display:none}.pet-header__contact{display:block;white-space:nowrap;font-size:14px;text-underline-offset:4px}}@media(min-width:1100px)and (max-width:1249px){.pet-header{gap:16px;padding-inline:24px}.pet-nav__list{gap:16px}.pet-header__desktop-search{flex-basis:160px}}@media(prefers-reduced-motion:reduce){.pet-nav__trigger .icon{transition:none}}@media(prefers-reduced-transparency:reduce){.pet-header__surface:before{background:#5fb3f9;-webkit-backdrop-filter:none;backdrop-filter:none}.pet-nav__panel{background:#f9fcff}.pet-menu{background:#edf7ff;-webkit-backdrop-filter:none;backdrop-filter:none}.pet-menu::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/pet-navigation.css.map */