#ybe-exit-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,var(--ybe-overlay,0.7));
  display:none;z-index:999998;
  backdrop-filter:saturate(90%) blur(1px)
}
#ybe-exit-popup{
  position:fixed;left:50%;
  transform:translateX(-50%);
  display:none;z-index:999999;
  width:92vw;
  max-width:520px;
}
@media (min-width:900px){ #ybe-exit-popup{top:9vh} }
@media (max-width:899.98px){ #ybe-exit-popup{bottom:5vh} }

#ybe-exit-popup .ybe-card{
  position:relative;border-radius:14px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.35);background:#fff
}
#ybe-exit-popup img{display:block;width:100%;height:auto}

/* Close button — croix noire seule, proportionnelle */
#ybe-exit-close{
  position:absolute;
  top:1.5%;
  right:1.5%;
  background:transparent;
  border:none;
  color:#000;
  cursor:pointer;
  font-size:2rem;
  line-height:1;
  padding:.25rem .35rem;
  opacity:0;
  transform:scale(.9);
  transition:opacity .25s ease, transform .25s ease, color .15s ease;
}
#ybe-exit-close:hover{ color:#333; }
#ybe-exit-close:focus{ outline:2px solid rgba(0,0,0,.45); outline-offset:2px; }
#ybe-exit-close.ybe-show{ opacity:1; transform:scale(1); }

/* Mobile : centrage vertical + croix adaptée */
@media (max-width: 600px){
  #ybe-exit-popup{
    width:95vw;
    max-width:95vw;
    top:50%;
    bottom:auto;
    transform:translate(-50%, -50%);
  }
  #ybe-exit-close{
    font-size:1.8rem;
    top:2.5%;
    right:2.5%;
  }
}

/* toute l'image est cliquable */
#ybe-exit-popup a.ybe-link{display:block;text-decoration:none;outline:none;border:none}