/* ═══════════════════════════════════════ */
/* photo-fix.css — Full photo, no crop    */
/* Black letterbox, any aspect ratio      */
/* ═══════════════════════════════════════ */

/* ── Feed posts ── */
.pimg, .post-img, .feed-img,
#feedWrap img,
.post img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #000;
  display: block;
}

/* ── Stories ── */
#svImg,
.story-img,
.sv-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block;
}

/* ── Chat image messages ── */
.msg-img,
.chat-img,
#msgList img {
  max-width: 220px;
  width: 100%;
  object-fit: contain;
  background: #000;
  border-radius: 8px;
  display: block;
}

/* ── Profile / Avatar photos ── */
.pab img,
.cwav img,
.ua img,
.savatar img,
.svAv img,
#ppPrev img,
.ur img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* ── Profile grid posts ── */
#pGrid img,
.pg-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #000;
  display: block;
}

/* ── Story upload preview ── */
#stPrev {
  width: 100%;
  max-height: 340px;
  object-fit: contain;
  background: #000;
  border-radius: 8px;
  display: block;
}

/* ── Post upload preview ── */
#pvImg {
  width: 100%;
  max-height: 280px;
  object-fit: contain;
  background: #000;
  border-radius: 8px;
  display: block;
}