:root { --accent:#ffc800; }

    .overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,.55);
      display: flex; align-items: center; justify-content: center;
      opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity .2s ease, visibility .2s ease;
      z-index: 9999;
    }
    .overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; display:flex !important}

    .popup {
      background: var(--accent);
      color: #000;
      width: 500px; max-width: 90%;
      border-radius: 14px;
      padding: 26px 28px;
      box-shadow: 0 18px 45px rgba(0,0,0,.35);
      text-align: center;
    }
    .popup p { margin: 0; line-height: 1.45; font-size: 16px; }
    .popup-buttons {
      margin-top: 20px;
      display: flex; gap: 12px;
    }
    .popupbtn {
      flex: 1;
      border: 0; border-radius: 10px;
      padding: 12px 16px;
      font-size: 15px; cursor: pointer;
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btn-left { background: #fff; color: #000; }
    .btn-right { background: #000; color: #fff; }
    .btn-right:hover { background: #222;color:white }
    .btn-left:hover{background:#e0dede}
    .icon {
      width: 18px; height: 18px; display: inline-block;
      vertical-align: -3px;
    }