.adhy-lock{overflow:hidden!important}

.adhy-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center}
.adhy-popup{background:#fff;width:90%;max-width:1200px;max-height:90vh;display:flex;border-radius:18px;overflow:hidden;position:relative}
.left{width:45%;background:#000}.left img{width:100%;height:100%;object-fit:cover}
.right{width:55%;padding:24px;overflow-y:auto}
.actions{position:sticky;bottom:0;background:#fff;padding-top:10px}
.actions a{display:inline-block;margin-right:10px;padding:12px 22px;border-radius:30px;color:#fff;text-decoration:none}
.call{background:#0a58ca}.wa{background:#25d366}
.thumbs img{width:70px;margin:5px;cursor:pointer;border-radius:8px}
.vbuttons button{margin:5px;padding:8px 14px;border-radius:20px;border:0;background:#111;color:#fff;cursor:pointer}
.close{position:absolute;right:20px;top:15px;font-size:28px;background:none;border:0;cursor:pointer}

.adhy-slider-overlay{
 position:fixed;inset:0;background:#000;z-index:10000;
 display:none;align-items:center;justify-content:center
}
.adhy-slider-overlay .slides{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.adhy-slider-overlay .slide{display:none;text-align:center;width:100%}
.adhy-slider-overlay img,.adhy-slider-overlay video{max-width:100%;max-height:100%}
.snav{position:absolute;top:50%;font-size:40px;color:#fff;cursor:pointer}
.snav.prev{left:20px}.snav.next{right:20px}
.sclose{position:absolute;top:20px;right:30px;font-size:36px;color:#fff;cursor:pointer}

@media(max-width:768px){
 .adhy-popup{flex-direction:column}
 .left,.right{width:100%}
 .actions{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around}
}

/* MEDIA FIT FIX */
.adhy-slider-overlay img,
.adhy-slider-overlay video{
 width:auto;
 height:auto;
 max-width:100vw;
 max-height:100vh;
 object-fit:contain;
}

/* ENSURE CLOSE BUTTON VISIBILITY */
.sclose{
 z-index:10001;
}


/* ===== MOBILE RESPONSIVE FIXES ===== */
@media(max-width:768px){

  .adhy-popup{
    height:100vh;
    max-height:100vh;
    border-radius:0;
  }

  .right{
    overflow-y:auto;
    padding-bottom:90px;
  }

  .close{
    position:sticky;
    top:0;
    background:#fff;
    z-index:10;
    padding:10px;
  }

  .media-section{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .thumbs, .vbuttons{
    display:flex;
    flex-wrap:nowrap;
  }

  .thumbs img, .vbuttons button{
    flex:0 0 auto;
  }
}

/* Fullscreen slider close button always visible */
.sclose{
 position:fixed;
 top:15px;
 right:20px;
 background:rgba(0,0,0,.6);
 padding:6px 12px;
 border-radius:20px;
}


/* === CLOSE BUTTON POSITION FIX === */
.adhy-popup .close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:20;
  background:#fff;
  border-radius:50%;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,0.2);
}

/* Prevent title overlap */
.adhy-popup .right h2{
  padding-right:50px;
}

/* Mobile safety */
@media(max-width:768px){
  .adhy-popup .close{
    top:12px;
    right:12px;
  }
}


/* === TOOLTIP ICONS === */
[data-tooltip]{
  position:relative;
  cursor:pointer;
}
[data-tooltip]:hover::after{
  content:attr(data-tooltip);
  position:absolute;
  bottom:120%;
  left:50%;
  transform:translateX(-50%);
  background:#111;
  color:#fff;
  padding:6px 10px;
  border-radius:6px;
  font-size:12px;
  white-space:nowrap;
  z-index:9999;
}


/* ===== MOBILE HOTFIX (NO DESKTOP CHANGE) ===== */
@media(max-width:768px){

  .adhy-popup{
    width:100%;
    height:100vh;
    max-height:100vh;
    border-radius:0;
    flex-direction:column;
  }

  .adhy-popup .left{
    width:100%;
    height:35vh;
  }

  .adhy-popup .left img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .adhy-popup .right{
    width:100%;
    height:65vh;
    overflow-y:auto;
    padding-bottom:120px;
  }

  .adhy-popup .close{
    position:fixed;
    top:12px;
    right:12px;
    z-index:10001;
    background:#fff;
  }

}

/* Ensure close visible above fullscreen media */
.sclose{
  z-index:10002;
}