/* POPUP OVERLAY */
.popup-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.75);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999;

  opacity:0;
  visibility:hidden;
  transition:0.3s;
}

/* ACTIVE */
.popup-overlay.active{
  opacity:1;
  visibility:visible;
}

/* BOX */
.popup-box{
  background:#111;
  padding:20px;
  border-radius:10px;
  width:90%;
  max-width:320px;
  text-align:center;
  position:relative;
  animation:fadeUp 0.4s ease;
}

/* IMAGE */
.popup-img{
  width:100%;
  border-radius:8px;
  margin-bottom:15px;
}

/* TEXT */
.popup-box h3{
  color:#ff9900;
  margin-bottom:10px;
}

.popup-box p{
  font-size:14px;
  color:#ccc;
  margin-bottom:20px;
}

/* BUTTON */
.popup-btn{
  display:block;
  background:#ff9900;
  color:#000;
  padding:12px;
  border-radius:6px;
  text-decoration:none;
  font-weight:bold;
}

/* CLOSE */
.popup-close{
  position:absolute;
  top:10px;
  right:15px;
  cursor:pointer;
  font-size:20px;
}

/* ANIMATION */
@keyframes fadeUp{
  from{
    transform:translateY(40px);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}

/* ❗ HANYA MOBILE */
@media(min-width:769px){
  .popup-overlay{
    display:none;
  }
}