/* Background overlay */
    .popup-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0; bottom: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6);
      z-index: 1000;
      justify-content: center;
      align-items: center;
    }

    /* Popup box */
    .popup-box {
      background: #fff;
      width: 400px;
      max-width: 90%;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.3);
      text-align: center;
      padding: 20px;
      position: relative;
      animation: popIn 0.5s ease;
    }
    @media only screen and (max-width: 600px) {
 .popup-overlay {
      
    }
  .popup-box {
      background: #fff;
      width: 80%;
      max-width: 80%;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.3);
      text-align: center;
      padding: 20px;
      position: relative;
      animation: popIn 0.5s ease;
    }
}

    @keyframes popIn {
      from { transform: scale(0.5); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }

    /* Dangle animation */
    .popup-box img {
      max-width: 100%;
      border-radius: 8px;
      animation: dangle 2.5s ease-in-out infinite;
    }

    @keyframes dangle {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }

    .popup-box h2 {
      color: seagreen;
      margin: 15px 0 10px;
    }

    .popup-box p {
      font-size: 16px;
      color: #333;
    }

    /* Close button */
    .close-btn {
      position: absolute;
      top: 10px; right: 15px;
      font-size: 20px;
      cursor: pointer;
      color: #555;
    }
    .close-btn:hover {
      color: #000;
    }

    /* Glowing button */
    .popup-btn {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: black;
      color: white;
      font-size: 16px;
      text-decoration: none;
      border-radius: 5px;
      box-shadow: 0 0 10px #e63946;
      transition: all 0.3s ease;
      animation: glow 1.5s infinite alternate;
    }
    .popup-btn:hover {
      background: seagreen;
      box-shadow: 0 0 20px #c62828;
    }
    @keyframes glow {
      from { box-shadow: 0 0 5px gold; }
      to { box-shadow: 0 0 20px gold; }
    }