/* Listing detail polish: loaded LAST on index.html. Remove its <link> (or git revert) to roll back. */
#detail-content .detail-info { container-type: inline-size; }

/* Listed by */
#detail-content .seller-card { box-sizing: border-box; margin-top: 20px; padding: 28px 30px; }
#detail-content .seller-card-label { margin-bottom: 18px; font: 700 12px/1 var(--font); letter-spacing: .1em; color: var(--muted); opacity: 1; }
#detail-content .seller-card-main { gap: 20px; align-items: center; }
#detail-content .seller-avatar { box-sizing: border-box; width: 76px; height: 76px; flex: 0 0 76px; overflow: hidden; background: var(--brand); color: var(--accent); font: 800 30px/1 var(--font); box-shadow: 0 0 0 4px var(--brand-light); }
#detail-content .seller-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
#detail-content .seller-name { font: 800 24px/1.2 var(--font); letter-spacing: -.01em; color: var(--ink); }
#detail-content .seller-role { display: inline-flex; align-items: center; margin-top: 8px; padding: 5px 12px; border-radius: var(--radius-pill); background: var(--brand-light); color: var(--brand); font: 700 12px/1 var(--font); letter-spacing: .06em; text-transform: uppercase; opacity: 1; }
#detail-content .seller-rating { margin-top: 12px; font: 600 15px/1.3 var(--font); color: var(--muted); opacity: 1; }
#detail-content .seller-card-footer { margin-top: 22px; padding-top: 18px; font: 500 14px/1.5 var(--font); color: var(--muted); opacity: 1; }
#detail-content .seller-card-footer[hidden] { display: none; }

/* Facts: UPI, type, size, updated */
#detail-content .property-facts { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 8px; padding: 0; }
#detail-content .property-fact { box-sizing: border-box; display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 92px; padding: 18px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 22px; }
#detail-content .property-fact > div:last-child { min-width: 0; }
#detail-content .property-fact-icon { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex: 0 0 46px; border: 0; border-radius: 50%; background: var(--brand-light); color: var(--brand); font-size: 20px; }
#detail-content .property-fact-label { margin: 0 0 6px; font: 700 12px/1.2 var(--font); letter-spacing: .09em; text-transform: uppercase; color: var(--muted); opacity: 1; }
#detail-content .property-fact-value { font: 800 20px/1.25 var(--font); letter-spacing: -.01em; color: var(--ink); overflow-wrap: normal; word-break: normal; }
#detail-content .property-fact[data-fact="upi"] .property-fact-value { white-space: nowrap; font-variant-numeric: tabular-nums; letter-spacing: 0; }

@container (max-width: 899px) {
  #detail-content .property-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #detail-content .property-fact[data-fact="upi"] { grid-column: span 2; }
}
@container (max-width: 480px) {
  #detail-content .property-facts { grid-template-columns: minmax(0, 1fr); }
  #detail-content .property-fact[data-fact="upi"] { grid-column: auto; }
  #detail-content .seller-card { padding: 22px 20px; }
  #detail-content .seller-avatar { width: 64px; height: 64px; flex-basis: 64px; font-size: 26px; }
  #detail-content .seller-name { font-size: 21px; }
}