.early-booker-popup {
      position: fixed;
      top: -100px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg, #49040a 0%, #6b060f 50%, #49040a 100%);
      color: #f7da24;
      padding: 20px 40px;
      border-radius: 0 0 15px 15px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 15px 50px rgba(0, 0, 0, 0.4), 0 0 20px rgba(247, 218, 36, 0.3);
      border: 3px solid black;
      z-index: 9999;
      display: flex;
      align-items: center;
      gap: 15px;
      font-family: Arial, sans-serif;
      max-width: 90%;
      transition: top 1.5s cubic-bezier(0.68, -1, 0.265, 2.75);
      overflow: hidden
    }

    .early-booker-popup::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -100%;
      width: 20%;
      height: 200%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.4), transparent);
      transform: skewX(-25deg);
      animation: shine 6s infinite;
      z-index: 1
    }

    .early-booker-popup>* {
      position: relative;
      z-index: 2
    }

    .early-booker-popup.show {
      top: 0
    }

    .early-booker-popup .icon {
      font-size: 28px;
      animation: pulse 2s infinite
    }

    .early-booker-popup .message {
      flex: 1;
      font-size: 16px;
      font-weight: 600;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)
    }

    .early-booker-popup .popup-copy {
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      gap: 4px
    }

    .early-booker-popup .popup-countdown {
      display: inline-block;
      padding: 4px 12px;
      border-radius: 999px;
      background: rgba(247, 218, 36, 0.16);
      border: 1px solid rgba(247, 218, 36, 0.45);
      color: #fff5d8;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase
    }

    .early-booker-popup .close-btn {
      background: #f7da24;
      border: none;
      color: #6b060f;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s
    }

    .early-booker-popup .close-btn:hover {
      background: #f6e053
    }

    @keyframes pulse {

      0%,
      100% {
        transform: scale(1)
      }

      50% {
        transform: scale(1.1)
      }
    }

    @keyframes shine {
      0% {
        left: -100%
      }

      100% {
        left: 200%
      }
    }

    @media (max-width: 768px) {
      .early-booker-popup {
        padding: 15px 20px;
        font-size: 14px
      }

      .early-booker-popup .message {
        font-size: 14px
      }

      .early-booker-popup .popup-countdown {
        font-size: 12px;
        padding: 4px 10px
      }

      .early-booker-popup .icon {
        font-size: 22px
      }
    }