/* Admin tweaks */
#mhpp-image-preview img { border: 1px solid #ddd; padding: 4px; background: #fff; }

/* Frontend overlay */
.mhpp-overlay { 
  position: fixed; inset: 0; z-index: 99999; 
  display: none; align-items: center; justify-content: center; 
  background: rgba(0,0,0,0.65);
}
.mhpp-overlay.mhpp-show { display: flex; }
.mhpp-content {
  position: relative; max-width: 90vw; max-height: 90vh; 
  background: #111; padding: 0; border-radius: 8px; overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.mhpp-image { display: block; max-width: 90vw; max-height: 80vh; width: auto; height: auto; }
.mhpp-close {
  position: absolute; top: 8px; right: 10px; 
  background: rgba(0,0,0,0.6); color: #fff; border: none; 
  font-size: 28px; line-height: 1; padding: 4px 10px; cursor: pointer;
}
.mhpp-close:hover { background: rgba(0,0,0,0.8); }
.mhpp-close-text { color: #fff; text-align: center; padding: 10px 12px; font-size: 14px; }