/* Popup container */
    .popup {
      width: 140px; /* reduced width */
      background: #ffffff;
      border-radius: 12px;
      text-align: center;
      position: fixed;
      bottom: 20px;
      right: 20px;
      padding: 10px 8px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
      z-index: 9999;
      animation: slideUp 0.6s ease;
    }

    /* Animation */
    @keyframes slideUp {
      from {
        transform: translateY(50px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    /* Close button */
    .popup .close-btn {
      position: absolute;
      top: 4px;
      right: 8px;
      font-size: 14px;
      font-weight: bold;
      color: #666;
      cursor: pointer;
      transition: color 0.3s;
    }
    .popup .close-btn:hover {
      color: #ff0000;
    }

    /* Titles */
    .popup h3 {
      margin: 4px 0;
      font-size: 12px;
      font-weight: bold;
      color: #004aad;
    }

    .popup h4 {
      margin: 4px 0;
      font-size: 11px;
      font-weight: bold;
      color: #004aad;
    }

    /* "Click Here" */
    .popup .click-text {
      color: #e63946;
      font-size: 10px;
      font-weight: bold;
      margin: 3px 0;
      text-transform: uppercase;
    }

    /* Image */
    .popup img {
      width: 50px; /* smaller image */
      max-width: 80%;
      margin: 6px auto;
      display: block;
      transition: transform 0.3s;
    }
    .popup img:hover {
      transform: scale(1.05);
    }

    /* Links */
    .popup a {
      text-decoration: none;
      color: #004aad;
      font-weight: bold;
      transition: color 0.3s;
    }
    .popup a:hover {
      color: #ff6600;
    }

    /* Mobile */
    @media (max-width: 600px) {
      .popup {
        width: 60%;
        right: 15px;
        left: 15px;
        bottom: 15px;
        margin: auto;
      }
    }