main.pet-detail{max-width:1040px;margin:20px auto;padding:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:24px;gap:24px;align-items:start}.pet-detail-image{display:block;width:100%;height:100%;max-height:520px;border-radius:24px;object-fit:cover}.pet-detail-image:hover{transform:scale(1.02);transition:transform var(--transition-fast);box-shadow:0 4px 12px rgb(0 0 0/12%)}.pet-detail-meta{display:flex;flex-direction:column;align-items:center;opacity:.7;margin:0;padding:0}.pet-detail-description{margin-top:16px;line-height:1.5}.pet-detail-adopt-btn{display:inline-block;margin-top:24px;padding:12px 20px;border-radius:999px;background:#f3b15a;color:#111;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.pet-detail-adopt-btn:hover{background:#e3a34c;transform:translateY(-1px);box-shadow:0 10px 18px rgb(0 0 0/18%)}main.pet-detail>:first-child{grid-column:1;grid-row:1/span 4}main.pet-detail>.pet-detail-adopt-btn,main.pet-detail>.pet-detail-description,main.pet-detail>.pet-detail-meta,main.pet-detail>h1{grid-column:2}.meta{margin-top:24px;margin-bottom:24px;padding:24px;border-radius:16px;background:var(--surface,#fff);box-shadow:0 18px 40px rgb(0 0 0/6%);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px 32px;gap:16px 32px}