/* W39 — کارت پروفایل عضو در هیروی صفحهٔ فروش او (عمومی) */

html body .pf39 {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-top: 22px; padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(224, 184, 98, .34);
  background: linear-gradient(140deg, rgba(23, 52, 36, .72), rgba(10, 24, 17, .82));
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(247, 228, 168, .10);
  backdrop-filter: blur(5px);
  opacity: 0; transform: translateY(10px);
  transition: opacity .55s ease, transform .55s ease;
}
html body .pf39.pf39-in { opacity: 1; transform: none; }

html body .pf39-av {
  width: 68px; height: 68px; flex: 0 0 auto; border-radius: 50%; overflow: hidden;
  border: 2px solid rgba(224, 184, 98, .55);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .38);
  background: linear-gradient(145deg, rgba(247, 228, 168, .25), rgba(111, 224, 207, .16));
}
html body .pf39-av.pf39-noimg::after {
  content: '🌿'; display: grid; place-items: center; width: 100%; height: 100%; font-size: 27px;
}
html body .pf39-img { width: 100%; height: 100%; object-fit: cover; display: block; }

html body .pf39-tx { flex: 1 1 200px; min-width: 0; }
html body .pf39-nm {
  margin: 0; font-size: 17px; font-weight: 800; color: #f7f1e4;
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
html body .pf39-on {
  font-style: normal; font-size: 11.5px; font-weight: 700; color: #8fe7d6;
  background: rgba(111, 224, 207, .14); border-radius: 999px; padding: 3px 10px;
}
html body .pf39-hl { margin: 4px 0 0; font-size: 13.5px; color: #dfe9e2; line-height: 1.85; }
html body .pf39-mt { margin: 4px 0 0; font-size: 12px; color: #9db5a7; font-weight: 600; }
html body .pf39-bio { margin: 7px 0 0; font-size: 12.5px; color: #c2d2c7; line-height: 2; }

html body .pf39-call {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 46px; padding: 0 20px; border-radius: 13px; text-decoration: none;
  font-size: 14px; font-weight: 800; color: #0d1f15;
  -webkit-text-fill-color: #0d1f15; -webkit-background-clip: border-box; background-clip: border-box;
  text-shadow: none;
  background: linear-gradient(135deg, #f7e4a8, #e0b862);
  box-shadow: 0 8px 20px rgba(224, 184, 98, .26);
  transition: transform .2s ease, box-shadow .2s ease;
}
html body .pf39-call:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(224, 184, 98, .36); }
html body .pf39-call svg { width: 17px; height: 17px; }

@media (max-width: 760px) {
  html body .pf39 { gap: 12px; padding: 13px; border-radius: 18px; }
  html body .pf39-av { width: 58px; height: 58px; }
  html body .pf39-nm { font-size: 15.5px; }
  html body .pf39-call { width: 100%; }
}