.zpi-wrap{margin:16px 0;clear:both}.zpi-open{width:100%;max-width:320px}.zpi-overlay[hidden]{display:none!important}.zpi-overlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.64);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.zpi-dialog{position:relative;background:#fff;color:#202020;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:28px;box-sizing:border-box;box-shadow:0 10px 40px rgba(0,0,0,.25)}.zpi-dialog h2{font-size:23px;margin:0 32px 10px 0;color:#202020}.zpi-product{font-weight:600;margin:0 0 16px}.zpi-dialog label{display:block;font-size:14px;font-weight:600;margin:12px 0 5px}.zpi-dialog input:not([type=hidden]),.zpi-dialog textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:10px;font-size:16px;border:1px solid #a0a0a0;border-radius:4px;background:#fff;color:#202020}.zpi-dialog .zpi-send{margin-top:12px;width:100%}.zpi-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#333;font-size:28px;line-height:1;cursor:pointer}.zpi-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.zpi-small{font-size:12px;line-height:1.5;color:#555;margin:12px 0 0}.zpi-notice{padding:10px 12px;border-radius:4px;margin:0 0 12px}.zpi-ok{background:#e9f6ec;color:#205b2a}.zpi-error{background:#fff0ef;color:#9d2319}.zpi-modal-open{overflow:hidden}@media(max-width:500px){.zpi-dialog{padding:20px}.zpi-open{max-width:none}}