/* Modal styles for Innoveza payment image preview */
#innoveza-image-modal.innoveza-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center}
#innoveza-image-modal.innoveza-modal.is-open{display:flex}
#innoveza-image-modal .innoveza-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:1000;} 
#innoveza-image-modal .innoveza-modal__content{position:relative;z-index:1001;max-width:96%;max-height:92%;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.45);background:rgba(255,255,255,0.98);}
#innoveza-image-modal .innoveza-modal__body{max-width:100%;max-height:100%;overflow:auto;text-align:center;padding:4px}
#innoveza-image-modal .innoveza-modal__body img{max-width:100%;max-height:calc(100vh - 160px);height:auto;display:block;margin:0 auto;border-radius:4px}
#innoveza-image-modal .innoveza-modal__close{position:absolute;right:10px;top:8px;background:#333;border-radius:50%;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:6px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
#innoveza-image-modal .innoveza-modal__close:focus{outline:2px solid #ffb366}

.innoveza-pay-image{cursor:pointer;max-width:220px;height:auto;display:inline-block;border-radius:6px}

@media (max-width:768px){
    #innoveza-image-modal .innoveza-modal__content{padding:6px}
    .innoveza-pay-image{max-width:140px}
}

/* Prevent background scroll when modal open */
body.innoveza-modal-open{overflow:hidden}