<style>
#popupOverlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.45);
  z-index:9999;
}

#popup{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:340px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,0.25);
  font-family:Arial;
  animation:show .2s ease;
}

.popup-header{
  background:#0d0d0d;
  color:#fff;
  padding:12px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  font-weight:bold;
}

.closeBtn{
  background:#e60000;
  color:#fff;
  border:none;
  padding:6px 14px;
  cursor:pointer;
  font-size:13px;
  font-weight:bold;
}

.closeBtn:hover{
  background:#c40000;
}

.popup-body{
  padding:18px;
}

.alertBox{
  border:1px solid #ff2b2b;
  background:#fff5f5;
  padding:18px 12px;
  text-align:center;
  color:#ff0000;
  font-size:15px;
  font-weight:bold;
}

.popupLine{
  margin-top:15px;
  border-top:1px solid #e2e2e2;
}

@keyframes show{
  from{
  opacity:0;
  transform:translate(-50%,-55%);
  }
  to{
  opacity:1;
  transform:translate(-50%,-50%);
  }
}
</style>

<div id="popupOverlay">

  <div id="popup">

  <div class="popup-header">

  <div>⚠ ყურადღება!</div>

  <button class="closeBtn" onclick="closePopup()">
  დახურვა
  </button>

  </div>

  <div class="popup-body">

  <div class="alertBox">
  აირჩიე კატეგორია სწორედ !
  </div>

  <div class="popupLine"></div>

  </div>

  </div>

</div>

<script>

function checkCategory(e){

  let cat = document.getElementById("catSelector9");

  if(cat.value === "- აირჩიეთ კატეგორია -"){

  e.preventDefault();

  document.getElementById("popupOverlay").style.display = "block";
  }

}

// ყველა ID-ზე დამატება
document.getElementById("message").addEventListener("click", checkCategory);

document.getElementById("nwF1").addEventListener("click", checkCategory);

document.getElementById("nwF13").addEventListener("click", checkCategory);

// popup close
function closePopup(){

  document.getElementById("popupOverlay").style.display = "none";

}

</script>