/* ✅ White close button with smooth hover */
.mfp-close {
  color: #ffffff !important;
  font-size: 28px !important;
  right: 15px !important;
  top: 10px !important;
  opacity: 0.9;
  transition: all 0.3s ease;
}
.mfp-close:hover {
  opacity: 1;
  transform: scale(1.2);
}

/* ✅ Make popup background only as dark as needed */
.mfp-bg {
  background: rgba(0, 0, 0, 0.7) !important; /* Not too dark */
}