/* Loader Spinner */
    .loader-spinner {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #6a5af9;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px auto;
        animation: spin 1s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* Overlay background */
    #modalOverlay {
      position: fixed;
      inset: 0;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(10px);
      display: none;
      z-index: 999;
    }

    /* Modal box */
    #paymentModal {
      position: fixed;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      padding: 25px 35px;
      border-radius: 12px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
      display: none;
      z-index: 1000;
      width: 400px;
      max-width: 90%;
      text-align: center;
      animation: fadeInUp 0.3s ease;
      max-height: 500px;
      overflow-y: auto;
      scrollbar-width: thin;
    }

    #paymentModal::-webkit-scrollbar {
      width: 6px;
    }
    #paymentModal::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 4px;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translate(-50%, -40%);
      }
      to {
        opacity: 1;
        transform: translate(-50%, -50%);
      }
    }

    #ajaxLoader {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(255,255,255,0.85);
        z-index: 9999;
        text-align: center;
        padding-top: 20%;
        font-size: 16px;
        color: #333;
    }