/* Full-screen overlay for the modal */
    .popupAd {
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100vw;
      backdrop-filter: blur(5px);
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1040;
    }

    .custom-modal {
      max-width: 400px;
      background-color: #fff;
      padding: 20px;
      text-align: center;
      border-radius: 8px;
      position: relative;
      z-index: 1050;
      width: 400px;
    }

    .custom-modal h5 {
      font-weight: bold;
      margin-top: 10px;
    }

    .custom-modal p {
      color: #6c757d;
      margin-bottom: 20px;
    }

    .custom-modal .btn-shop {
      background-color: #000;
      color: #fff;
      width: 100%;
      text-decoration: none;
      padding: 10px 0;
      border-radius: 4px;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 1.5rem;
      color: #000;
      cursor: pointer;
    }

    .promo-image {
      width: 100%;
      border-radius: 8px;
      height: 300px;
      width: 300px;
      object-fit: cover;
    }

    /* Hide the modal when the "Close" button is clicked */
    #offerModal:target {
      display: none;
    }