.ad-banner {

      position: fixed;

      bottom: 0;

      left: 0;

      width: 100%;

      background-color: rgb(255, 255, 255);

    border-top: 1px solid rgb(200, 200, 200);

      display: flex;

      justify-content: center;

      align-items: center;

      padding-bottom: 10px ;

      z-index: 1000;

      height: 83px;
      

    }

    

    .ad-container {

      display: flex;

      justify-content: center;

      margin: 0 auto;

      max-width: 800px;

      width: 100%;

      height: 100%;

      position: relative;

    }

    

    .ad-item {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      display: flex;

      justify-content: center;

      align-items: center;

      opacity: 0;

      transition: opacity 0.5s ease;

      text-decoration: none;

    }

    

    .ad-item.active {

      opacity: 1;

    }

    

    .ad-item img {

      max-width: 100%;

      max-height: 100%;

      object-fit: contain;

    }

    

    .ad-label {

      position: absolute;

      top: 1px;

      left: 1px;

      color: rgb(124, 124, 124);

      padding: 1px 1px;

      border-radius: 2px;

      border: 1px solid rgb(124, 124, 124);

      font-size: 6px;

      font-weight: bold;

      z-index: 1001;

    }

    

    .nav-buttons {

        
      position: absolute;

      bottom: 1px;

      left: 0;

      width: 100%;

      display: flex;

      justify-content: center;

      gap: 10px;

      z-index: 1001;

    }

    

    .nav-dot {

      width: 10px;

      height: 10px;

      border-radius: 50%;

      background-color: rgba(0, 0, 0, 0.3);

      cursor: pointer;

      transition: background-color 0.3s ease;

    }

    

    .nav-dot.active {

      background-color: rgba(0, 0, 0, 0.7);

    }

    body.ad-popup-open {

      overflow: hidden;

    }

    .ad-popup-overlay {

      position: fixed;

      inset: 0;

      z-index: 5000;

      display: flex;

      align-items: center;

      justify-content: center;

      padding: 24px;

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

    }

    .ad-popup-link {

      display: flex;

      align-items: center;

      justify-content: center;

      width: min(920px, 100%);

      height: min(76vh, 720px);

      text-decoration: none;

    }

    .ad-popup-link img {

      max-width: 100%;

      max-height: 100%;

      object-fit: contain;

      border-radius: 8px;

      background: #fff;

      box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35);

    }

    .ad-popup-label {

      position: fixed;

      top: 12px;

      left: 12px;

      color: #d4d4d4;

      padding: 3px 6px;

      border: 1px solid rgba(255, 255, 255, 0.5);

      border-radius: 3px;

      font-size: 10px;

      font-weight: bold;

      letter-spacing: 0;

    }

    .ad-popup-close {

      position: fixed;

      top: 12px;

      right: 12px;

      width: 54px;

      height: 54px;

      border: 1px solid rgba(255, 255, 255, 0.45);

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.95);

      color: #111;

      font: 400 38px/1 Arial, sans-serif;

      cursor: pointer;

      z-index: 10000;

    }

    @media (max-width: 640px) {

      .ad-popup-overlay {

        padding: 14px;

      }

      .ad-popup-link {

        height: 72vh;

      }

      .ad-popup-close {

        width: 50px;

        height: 50px;

        font-size: 34px;

      }

    }