#popup-banner-overlay {

      position: fixed;
      inset: 0;

      z-index: 999999;

      display: flex;
      align-items: center;
      justify-content: center;

      padding: 20px;

      background: rgba(0, 0, 0, 0.78);

      backdrop-filter: blur(6px);

      animation: fadeIn .25s ease;
    }

    #popup-banner-box {

      position: relative;

      width: fit-content;

      animation: popupScale .25s ease;
    }

    #popup-banner-image {

      width: 100%;
      max-width: 850px;
      max-height: 90vh;

      display: block;

      border-radius: 20px;

      object-fit: contain;

      box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.45);
    }

    #popup-close-btn {

      position: absolute;

      top: 10px;
      right: 10px;

      width: 50px;
      height: 50px;

      border: none;
      border-radius: 50%;

      background: #101010;

      color: #fff;

      font-size: 30px;
      font-weight: bold;

      cursor: pointer;

      z-index: 9999;

      display: flex;
      align-items: center;
      justify-content: center;

      box-shadow:
        0 10px 25px rgba(237, 28, 36, 0.45);

      transition: .2s;
    }

    #popup-close-btn:hover {

      transform: scale(1.08);

      background: #ff2d35;
    }

    @keyframes fadeIn {

      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @keyframes popupScale {

      from {
        transform: scale(.92);
        opacity: 0;
      }

      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    @media(max-width:768px) {

      #popup-banner-image {

        max-width: 95vw;
        max-height: 85vh;
      }

      #popup-close-btn {

        width: 42px;
        height: 42px;

        font-size: 24px;

        top: 8px;
        right: 8px;
      }

    }