/*Dhruv*/
      /* ===== Popup Wrapper ===== */
          .promo-popup {
              display: none;
              position: fixed;
              inset: 0;
              z-index: 9999;
    
              /* Perfect centering */
              display: flex;
              align-items: center;
              justify-content: center;
          }

          /* ===== Overlay ===== */
          .popup-overlay {
              position: absolute;
              inset: 0;
              background: rgba(0, 0, 0, 0.8);
          }

          /* ===== Popup Content (IMAGE DEFINES SIZE) ===== */
                                  .popup-content {
                                      position: relative;
                
                                      display: flex;
                                      align-items: center;
                                      justify-content: center;
                
                                      background: transparent;
                                      width: auto;
                                      max-width: 90vw;
                                      max-height: 85vh;
                                      /* 🔥 reduced height */
                
                                      margin: 40px auto;
                                      /* 🔥 top & bottom spacing */
                                  }
      /* ===== Popup Image ===== */
                  .popup-image {
                      display: block;
                      max-width: 90vw;
                      max-height: 90vh;
                      width: auto;
                      height: auto;
                      object-fit: contain;
                  }

                                  .popup-image-wrap {
                                      position: relative;
                                      /* 🔥 KEY FIX */
                                      display: inline-block;
                                  }

      /* ===== Close Button ===== */
        .popup-close {
            position: absolute;

            /* 🔥 snap to top-right corner */
            top: 0;
            right: 0;
            transform: translate(50%, -50%);
            /* half outside, half inside */

            background: rgba(0, 0, 0, 0.85);
            color: #fff;
            border: 2px solid #fff;
            font-size: 20px;

            width: 36px;
            height: 36px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 10;

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

      /* ===== Animation ===== */
      @keyframes popupFade {
          from {
              opacity: 0;
              transform: translateY(-40%) scale(0.9);
          }

          to {
              opacity: 1;
              transform: translateY(-50%) scale(1);
          }
      }

      /* =========================
   TABLET (≥ 768px)
========================= */
      @media (min-width: 768px) {
          .popup-content {
              max-width: 600px;
          }

          .popup-close {
              width: 40px;
              height: 40px;
              font-size: 24px;
          }
      }