/* Ensure Razorpay modal appears on top and covers the viewport */
.razorpay-checkout-frame,
iframe[src*="razorpay"] {
    z-index: 2147483647 !important;
    /* Max z-index */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    border: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Prevent body scroll when Razorpay is open and reset transforms context */
body.razorpay-open {
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    height: 100vh !important;
    width: 100vw !important;
}