.sales-agent-popup {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 300px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  padding: 18px;
  text-align: center;
  font-family: Arial, sans-serif;
}
.sales-agent-popup.bottom-right { bottom: 20px; right: 20px; }
.sales-agent-popup.bottom-left { bottom: 20px; left: 20px; }
.sales-agent-popup.top-right { top: 20px; right: 20px; }
.sales-agent-popup.top-left { top: 20px; left: 20px; }
.sales-agent-popup.middle-right { top: 50%; right: 20px; transform: translateY(-50%); }
.sales-agent-popup.middle-left { top: 50%; left: 20px; transform: translateY(-50%); }
.sales-agent-popup.center { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sales-agent-content { position: relative; }
.sales-agent-close {
  position: absolute; top: -12px; right: -12px;
  background: #ff4757; color: #fff; width: 28px; height: 28px;
  border-radius: 50%; border: none; cursor: pointer; font-size: 18px; line-height: 28px;
}
.sales-agent-image { width: 96px; height: 96px; margin: 0 auto 10px; border-radius: 50%; overflow: hidden; border: 3px solid #f1f2f6; }
.sales-agent-image img { width: 100%; height: 100%; object-fit: cover; }
.sales-agent-name { color: #2f3542; margin: 6px 0 0; font-size: 18px; font-weight: bold; }
.sales-agent-position { color: #57606f; margin: 2px 0 12px; font-size: 13px; }
.sales-agent-contact-btn {
  display: inline-block; background: #25D366; color: #fff;
  padding: 10px 16px; border-radius: 22px; text-decoration: none; font-weight: 600;
}
.sales-agent-contact-btn:hover { text-decoration: none; opacity: .9; }
@media (max-width: 600px) { .sales-agent-popup { width: 88vw; left: 50%; transform: translateX(-50%); } }