.morfeo-popup-overlay{
  position:fixed;inset:0;z-index:99999;
  display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.6);
  padding:16px;box-sizing:border-box;
  opacity:0;transition:opacity .25s ease;
}
.morfeo-popup-overlay.is-visible{display:flex;opacity:1}

.morfeo-popup-box{
  position:relative;background:#fff;border-radius:12px;
  padding:14px;box-sizing:border-box;
  width:100%;max-width:var(--morfeo-maxw,520px);
  max-height:90vh;overflow:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  transform:translateY(12px);transition:transform .25s ease;
}
.morfeo-popup-overlay.is-visible .morfeo-popup-box{transform:translateY(0)}

.morfeo-popup-link{display:block;line-height:0}
.morfeo-popup-img{
  display:block;
  width:100%;height:auto;          /* scala in larghezza */
  max-height:80vh;object-fit:contain; /* non sfora in altezza */
  border-radius:6px;margin:0 auto;
}

.morfeo-popup-close{
  position:absolute;top:10px;right:10px;
  width:38px;height:38px;border-radius:50%;
  border:2px solid #fff;background:rgba(0,0,0,.65);color:#fff;
  font-size:24px;line-height:1;cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.4);
  display:flex;align-items:center;justify-content:center;z-index:5;
  transition:background .15s ease,transform .15s ease;
}
.morfeo-popup-close:hover{background:#000;transform:scale(1.08)}

/* Tablet */
@media(max-width:768px){
  .morfeo-popup-box{max-width:88vw}
}
/* Smartphone */
@media(max-width:560px){
  .morfeo-popup-overlay{padding:10px}
  .morfeo-popup-box{max-width:94vw;padding:10px;border-radius:10px}
  .morfeo-popup-close{top:8px;right:8px;width:34px;height:34px;font-size:22px}
}