.pet-hero{position:relative;display:block;width:100%;box-sizing:border-box;background:var(--phb-bg);padding-top:var(--phb-pt);padding-bottom:var(--phb-pb);overflow:hidden}.pet-hero *,.pet-hero *:before,.pet-hero *:after{box-sizing:border-box}.pet-hero__page-width{width:100%;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}.pet-hero__inner{position:relative;display:flex;align-items:center;width:100%;gap:40px}.pet-hero__content{position:relative;flex:1 1 50%;width:100%;min-width:0;max-width:560px;display:flex;flex-direction:column;gap:22px;order:0}.pet-hero__content--center{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.pet-hero__eyebrow{color:var(--phb-eyebrow);font-weight:600;font-size:1.05rem;line-height:1.4;margin:0}.pet-hero__heading-wrap{display:flex;flex-direction:column;width:100%}.pet-hero__heading{position:relative;display:block;color:var(--phb-heading);font-weight:800;line-height:1.12;margin:0}.pet-hero__heading--small{font-size:clamp(1.5rem,2.6vw,2.1rem)}.pet-hero__heading--medium{font-size:clamp(1.9rem,3.2vw,2.75rem)}.pet-hero__heading--large{font-size:clamp(2.1rem,4vw,3.4rem)}.pet-hero__heart{color:var(--phb-eyebrow);width:46px;height:38px;position:relative;top:-.6em;margin-left:4px;vertical-align:top}.pet-hero__text{color:var(--phb-text);font-size:1.05rem;line-height:1.65;max-width:460px}.pet-hero__text p{margin:0}.pet-hero__buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.pet-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 30px;border-radius:999px;border:2px solid transparent;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform .15s ease,opacity .15s ease}.pet-hero__button:hover{transform:translateY(-2px);opacity:.92}.pet-hero__button--solid{background:var(--phb-eyebrow);color:#fff}.pet-hero__button--outline{background:transparent;border-color:var(--phb-eyebrow);color:var(--phb-eyebrow)}.pet-hero__button-icon{width:18px;height:18px;flex-shrink:0}.pet-hero__badges{display:flex;flex-wrap:wrap;gap:30px;margin-top:14px}.pet-hero__badge{display:flex;align-items:center;gap:10px}.pet-hero__badge-icon{width:26px;height:26px;flex-shrink:0;color:var(--phb-eyebrow)}.pet-hero__badge-icon svg{display:block;width:100%;height:100%}.pet-hero__badge-copy{display:flex;flex-direction:column;line-height:1.3}.pet-hero__badge-title{font-weight:700;font-size:.9rem;color:var(--phb-heading)}.pet-hero__badge-subtitle{font-size:.78rem;color:var(--phb-text)}.pet-hero__media{position:relative;flex:1 1 50%;width:100%;min-width:0;min-height:var(--phb-height);height:var(--phb-height);border-radius:var(--phb-radius);overflow:hidden;isolation:isolate;order:1;background:#f2ede7}.pet-hero__media img.pet-hero__image{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:var(--phb-img-pos, center)!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none;z-index:1}.pet-hero__media img.pet-hero__image--desktop{display:block!important}.pet-hero__media img.pet-hero__image--mobile{display:none!important}.pet-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background:#f2ede7}.pet-hero__placeholder svg{display:block;width:100%;height:100%}.pet-hero__overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background:var(--phb-overlay-color)!important;opacity:var(--phb-overlay-opacity)!important;pointer-events:none!important;z-index:5!important}.pet-hero__floating-badge{position:absolute;top:24px;right:24px;z-index:10;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 10px 30px #00000024;max-width:200px}.pet-hero__floating-icon{width:34px;height:34px;border-radius:50%;background:#fbebd9;color:var(--phb-eyebrow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pet-hero__floating-icon svg{width:18px;height:18px}.pet-hero__floating-text{font-size:.8rem;font-weight:600;line-height:1.35;color:var(--phb-heading)}@media screen and (max-width:749px){.pet-hero{padding-top:var(--phb-pt);padding-bottom:var(--phb-pb);overflow:hidden!important}.pet-hero__page-width{width:100%;padding-left:16px;padding-right:16px}.pet-hero__inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;gap:28px}.pet-hero__content{width:100%!important;max-width:100%!important;flex:none!important;order:0!important}.pet-hero__media{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:280px!important;min-height:280px!important;max-height:none!important;flex:none!important;overflow:hidden!important;border-radius:calc(var(--phb-radius) * .7);background:#f2ede7;isolation:isolate;order:var(--phb-media-order, -1)!important}.pet-hero__media img.pet-hero__image--desktop{display:none!important}.pet-hero__media img.pet-hero__image--mobile{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;visibility:visible!important;z-index:2!important}.pet-hero__media .pet-hero__overlay{z-index:5!important}.pet-hero__heading--large{font-size:clamp(1.75rem,7vw,2.3rem)}.pet-hero__heading--medium{font-size:clamp(1.6rem,6.5vw,2rem)}.pet-hero__heading--small{font-size:clamp(1.4rem,6vw,1.75rem)}.pet-hero__heart{width:34px;height:28px}.pet-hero__text{max-width:100%}.pet-hero__buttons{flex-direction:column;align-items:stretch;width:100%}.pet-hero__button{justify-content:center;width:100%}.pet-hero__badges{gap:18px;row-gap:14px}.pet-hero__floating-badge{top:12px;right:12px;padding:10px 12px;max-width:150px;gap:8px}.pet-hero__floating-icon{width:28px;height:28px}.pet-hero__floating-icon svg{width:14px;height:14px}.pet-hero__floating-text{font-size:.72rem}}@media screen and (max-width:480px){.pet-hero__media{height:250px!important;min-height:250px!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pet-hero-banner.css.map */