.pinkpay-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:16777260;box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:30px;border:0;border-radius:24px;background:#fff;color:#20242a;box-shadow:0 20px 90px #0004;font:16px/1.5 system-ui,sans-serif;overflow:auto}
.pinkpay-backdrop{position:fixed;inset:0;z-index:16777259;background:#161922b3;backdrop-filter:blur(5px)}
body.pinkpay-open{overflow:hidden}
body.pinkpay-open>.pip-modal{z-index:1000000}
.pinkpay-dialog *{box-sizing:border-box}
.pinkpay-dialog [hidden]{display:none!important}
.pinkpay-dialog .pinkpay-brand{color:#ff4d27;font-size:13px;font-weight:750;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}
.pinkpay-dialog h2{font:700 27px/1.2 system-ui,sans-serif;margin:0;color:inherit}
.pinkpay-dialog .pinkpay-price{font-size:32px;font-weight:650;margin:16px 0 24px}
.pinkpay-dialog :is([data-card],[data-submit],[data-back],[data-close]){display:block;width:100%;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:10px;background:#ff4d27;color:#fff;font:650 16px/1.4 system-ui,sans-serif;cursor:pointer;margin:12px 0 0;letter-spacing:normal;text-transform:none;box-shadow:none}
.pinkpay-dialog :is([data-card],[data-submit],[data-back],[data-close]):hover{background:#e93f1b}.pinkpay-dialog :is([data-card],[data-submit],[data-back],[data-close]):focus-visible{outline:2px solid #ff4d27;outline-offset:3px}
.pinkpay-dialog :is([data-card],[data-submit],[data-back],[data-close]):disabled{opacity:.5;cursor:wait}
.pinkpay-dialog .pinkpay-secondary{background:#f2f3f5;color:#30363e;font-weight:500}
.pinkpay-dialog .pinkpay-secondary:hover{background:#e6e8ec}
.pinkpay-dialog label{display:block;font-size:14px;font-weight:600;margin:14px 0}
.pinkpay-dialog input{width:100%;font:16px/1.4 system-ui,sans-serif;padding:12px;margin:6px 0 0;border:1px solid #c8cdd4;border-radius:8px;color:#20242a;background:#fff}
.pinkpay-dialog [data-card-field]{min-height:56px;padding:12px;border:1px solid #c8cdd4;border-radius:8px}
.pinkpay-dialog .pinkpay-message{font-size:14px;color:#59616e;line-height:1.5;margin:16px 0}
.pinkpay-dialog [data-apple],.pinkpay-dialog [data-google]{margin-bottom:12px;min-height:48px}
@media(max-width:480px){.pinkpay-dialog{padding:24px}}

/* Merchant-scoped compact checkout. Do not restyle SDK wallet logos/buttons. */
.pinkpay-dialog [data-card],.pinkpay-dialog [data-submit]{background:var(--pinkpay-accent,#ff4d27)!important;background-color:var(--pinkpay-accent,#ff4d27)!important;border-color:var(--pinkpay-accent,#ff4d27)!important;color:#fff!important;text-transform:none!important}
.pinkpay-dialog [data-card]:is(:hover,:focus,:active),.pinkpay-dialog [data-submit]:is(:hover,:focus,:active){background:var(--pinkpay-accent,#ff4d27)!important;color:#fff!important}
.pinkpay-dialog .pinkpay-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.pinkpay-dialog .pinkpay-brand--image{display:table;margin:0 auto 24px;line-height:0;letter-spacing:normal}
.pinkpay-dialog .pinkpay-brand--image img{display:block;width:150px;height:auto;max-width:100%}
.pinkpay-dialog .pinkpay-brand--dark{padding:10px 16px;border-radius:13px;background:#20242a}
.pinkpay-dialog--compact [data-card]{display:flex;align-items:center;justify-content:center;gap:9px}
.pinkpay-dialog .pinkpay-card-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.pinkpay-dialog .pinkpay-provider{margin:18px 0 0;text-align:center;font:650 13px/1.4 system-ui,sans-serif;color:#59616e;letter-spacing:normal;text-transform:none}
.pinkpay-dialog .pinkpay-message:empty{display:none}