/* 🔲 พื้นหลังมืด */
#popup {
  display: none; /* เปลี่ยนเป็น none ถ้าไม่อยากให้โชว์ทันที */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
}

/* 📦 กล่อง popup */
#popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  max-width: 1200px;
  width: 95%;
}

/* 🖼️ รูป responsive */
#popup-content img {
  width: 100%;
  height:auto;
  border-radius: 8px;
}

/* ❌ ปุ่มปิด */
#close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: rgb(255, 0, 0);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}