.shop-by-pet__heading{margin:0 0 1.6rem}@media screen and (min-width:750px){.shop-by-pet__heading{margin-bottom:2.8rem}}.shop-by-pet__grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin:0;padding:0}@media screen and (min-width:600px){.shop-by-pet__grid:not(.shop-by-pet__grid--1){grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media screen and (min-width:990px){.shop-by-pet__grid{gap:2.4rem}.shop-by-pet__grid--3{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.shop-by-pet__grid{gap:3.2rem}.shop-by-pet__grid--4{grid-template-columns:repeat(4,1fr)}}.shop-by-pet__item{container-type:inline-size;min-width:0}.shop-by-pet__card{position:relative;display:flex;align-items:center;min-height:clamp(13rem,34cqi,22rem);padding:clamp(1.6rem,4cqi,2.4rem) clamp(1.8rem,6cqi,4.8rem);overflow:hidden;border-radius:clamp(1.2rem,2.5cqi,1.6rem);background-color:var(--card-background);color:var(--card-text);text-decoration:none}.shop-by-pet__card:focus-visible{outline:.2rem solid rgb(var(--color-base-accent-1));outline-offset:.3rem}.shop-by-pet__media{position:absolute;top:0;right:0;bottom:0;left:0}.shop-by-pet__image{display:block;width:100%;height:100%;object-fit:cover;object-position:right 35%}.shop-by-pet__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--card-background-rgb),.95),rgba(var(--card-background-rgb),.85),rgba(var(--card-background-rgb),0) 70%)}.shop-by-pet__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.8rem,2.5cqi,1.6rem);max-width:62%;min-width:0}.shop-by-pet__card--no-image .shop-by-pet__content{max-width:none}.shop-by-pet__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.8rem,6cqi,3.4rem);line-height:1.2;overflow-wrap:break-word}.shop-by-pet__cta{display:inline-flex;align-items:center;gap:.8rem;padding:clamp(.6rem,1.6cqi,.9rem) clamp(1.2rem,3.2cqi,1.8rem);border-radius:4rem;background-color:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));font-size:clamp(1.2rem,2.6cqi,1.5rem);font-weight:500;line-height:1.2;white-space:nowrap}.shop-by-pet__cta .icon-arrow{width:1.2rem;height:auto}@container (max-width: 340px){.shop-by-pet__content{max-width:70%}.shop-by-pet__cta{padding:.5rem 1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-shop-by-pet.css.map */