.pet-page-hero{border-bottom:var(--line)}.pet-page-hero__inner{position:relative;padding-top:var(--s-6);padding-bottom:var(--s-6);overflow:hidden}.pet-page-hero h1{max-width:16ch}.pet-page-hero__text{max-width:54.4rem;margin-top:var(--s-3)}.pet-page-hero__jump{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}.pet-page-hero__jump a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 1.6rem;border:var(--line);border-radius:var(--r-pill);background:var(--c-white);font-size:var(--fs-sm);font-weight:700;text-decoration:none}.pet-page-hero__jump a:hover{background:var(--c-black);color:var(--c-satsuma)}.pet-page-hero__sticker{top:auto;right:var(--gutter);bottom:var(--s-4);transform:rotate(7deg)}.pet-page-hero__search{position:relative;max-width:560px;margin-top:var(--s-5)}.pet-page-hero__search-icon{position:absolute;top:50%;left:16px;--icon-size: 22px;transform:translateY(-50%);pointer-events:none}.pet-page-hero__search-input{width:100%;min-height:56px;padding:0 4.8rem 0 5rem;border:var(--line);border-radius:var(--r-pill);background:var(--c-white);box-shadow:4px 4px 0 var(--c-black);color:var(--c-black);font-size:var(--fs-md)}.pet-page-hero__search-input::-webkit-search-cancel-button{display:none}.pet-page-hero__clear{position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:0;border-radius:50%;background:var(--c-tint);transform:translateY(-50%);cursor:pointer}.pet-page-hero__clear .pet-icon{--icon-size: 16px}.pet-page-hero__popular{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-4);font-size:var(--fs-sm);font-weight:700}.pet-page-hero__popular button{min-height:var(--tap-min);padding:0 1.44rem;border:1.5px solid var(--c-black);border-radius:var(--r-pill);background:var(--c-accent-2);font-weight:700;cursor:pointer}@media screen and (max-width:599px){.pet-page-hero__sticker{display:none}}@media screen and (min-width:900px){.pet-page-hero__inner{padding-top:var(--s-7);padding-bottom:var(--s-7)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pet-page-hero.css.map */