.v9-pet-hero{min-height:clamp(520px,68dvh,720px)}
.v9-pet-hero .subhero__media img{object-position:72% center}
.v9-signs-primary,.v9-signs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.v9-signs-more{margin-top:1.2rem}
.v9-signs-more>summary{min-height:48px;display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px solid var(--cloud-deep);border-radius:999px;font-weight:700;cursor:pointer;list-style:none}
.v9-signs-more>summary::-webkit-details-marker{display:none}
.v9-signs-grid{margin-top:1.2rem}
.v9-pet-note{margin-top:1rem;color:var(--slate);max-width:68ch}
.sign{position:relative;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.sign__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sign__check{position:absolute;z-index:2;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);border:2px solid var(--cocoa-deep);color:transparent;box-shadow:var(--shadow-sm)}
.sign.selected{border-color:var(--cocoa-deep);background:#fffaf2;box-shadow:0 0 0 2px rgba(122,98,72,.18)}
.sign.selected .sign__check{background:var(--cocoa-deep);color:#fff}
.sign:has(.sign__input:focus-visible){outline:3px solid var(--marmalade-deep);outline-offset:4px}
.sign-summary{margin-top:1.5rem;padding:clamp(1.2rem,3vw,1.7rem);border:1px solid var(--cloud-deep);border-radius:var(--r-card);background:var(--white)}
.sign-summary__prompt{color:var(--slate);max-width:62ch}
.sign-summary__count{font-weight:800;margin-top:.8rem}
.sign-summary__list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}
.sign-summary__list li{padding:.35rem .7rem;border-radius:999px;background:var(--cloud);font-size:.9rem}
.sign-summary__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:1rem}
.sign-summary__clear{border:0;padding:.65rem 0;font:inherit;cursor:pointer}
.sign-summary__note{margin-top:.7rem;color:var(--slate);font-size:.88rem}
@media(max-width:900px){.v9-signs-primary,.v9-signs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){
  .v9-signs-primary,.v9-signs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .v9-signs-primary .sign,.v9-signs-grid .sign{display:flex;align-items:flex-end;min-width:0;min-height:280px}
  .v9-signs-primary .sign img,.v9-signs-grid .sign img{height:100%;min-height:0}
  .v9-signs-primary .sign__body,.v9-signs-grid .sign__body{width:100%;min-width:0;padding:3rem .8rem .9rem}
  .v9-signs-primary .sign h3,.v9-signs-grid .sign h3{font-size:1rem;overflow-wrap:normal}
  .v9-signs-primary .sign p,.v9-signs-grid .sign p{font-size:.8rem;line-height:1.4}
  .sign__check{top:.6rem;right:.6rem;z-index:3}
  .sign-summary__send{width:100%}
}