#store-dialog:has(.payment-mockup),#giving-dialog:has(.payment-mockup){width:min(880px,96vw);max-width:min(880px,96vw)}
.payment-mockup{margin-top:20px}.pm-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;align-items:start}.pm-summary{background:var(--soft);padding:23px;border:1px solid var(--line);border-radius:9px}.pm-summary h3{margin:12px 0 20px}.pm-line{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.pm-line p{margin:0}.pm-line .muted{display:block;font-size:12px}.pm-line+ .muted{margin-top:17px}.pm-provider{background:#fff;color:#263d32;padding:24px;border:1px solid #dfe4de;border-radius:10px;box-shadow:0 3px 12px #243e330a;font:14px/1.5 Arial,sans-serif}.pm-provider h3{font:23px/1.3 Georgia,serif;margin:0 0 10px}.pm-brand{font:19px Georgia,serif;margin:0 0 17px}.pm-label{font:12px/1.5 Arial,sans-serif;color:#48584b;margin:16px 0 7px}.pm-sample{padding:10px 12px;border:1px solid #d6dcd6;border-radius:6px;background:#fff;color:#647267;font:13px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.pm-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pm-express{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.pm-wallet{font:500 16px Arial,sans-serif;min-height:44px;background:#19251e;color:#fff;border:1px solid #19251e;border-radius:6px;cursor:pointer}.pm-wallet-link{background:#00d66f;border-color:#00b95e;color:#002a17}.pm-divider{display:flex;align-items:center;gap:9px;font:11px/1.5 Arial,sans-serif;color:#79817b;margin:18px 0}.pm-divider:before,.pm-divider:after{content:'';flex:1;height:1px;background:#e3e6e2}.pm-tally{display:flex;justify-content:space-between;gap:12px;font:12px/1.5 Arial,sans-serif;color:#637165;margin-top:10px;font-variant-numeric:tabular-nums}.pm-total{font-size:18px;color:#263d32;padding-top:12px;border-top:1px solid #e1e6dc;margin-top:14px}.pm-provider .pm-pay{display:flex;width:100%;margin:20px 0 12px;min-height:46px}.pm-fine{font:11px/1.6 Arial,sans-serif;color:#637165;margin:10px 0}.pm-provider-mark{text-align:center;font:12px/1.5 Arial,sans-serif;color:#65715f;margin-top:10px}.pm-center{text-align:center}.pm-disclaimer{font-size:12px;color:var(--muted);margin-top:17px}.pm-delivery{display:grid;gap:8px}.pm-delivery .button{justify-content:start}.pm-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pm-provider .pm-amounts .button{padding:8px 4px;font:13px Arial,sans-serif;background:#fff;color:#263d32;border:1px solid #d6dcd6;min-width:0}.pm-provider .pm-amounts .button[aria-pressed=true]{background:#193e31;color:#fffdf7;border-color:#193e31}.pm-custom label,.pm-optional label{font:12px/1.5 Arial,sans-serif;color:#48584b}.pm-provider input,.pm-provider select{background:#fff!important;color:#263d32!important;font:16px Arial,sans-serif!important;border:1px solid #d6dcd6!important;border-radius:6px!important;width:100%;padding:10px;min-width:0}.pm-optional{padding:14px;background:#f5f7f3;border:1px solid #e2e8de;border-radius:7px;margin:20px 0 16px}.pm-optional strong{font-size:13px;font-weight:500}.pm-optional-tag{font:10px Arial,sans-serif;border-radius:10px;padding:3px 7px;background:#e4ebdf;color:#526147}.pm-confirmation{text-align:center;padding:24px 15px}.pm-check{display:grid;place-items:center;border-radius:50%;width:55px;height:55px;margin:0 auto 19px;background:var(--soft);color:var(--green);font-size:25px}.pm-confirmation .notice{text-align:left;margin-top:22px}html[data-theme=tavern] .pm-summary{background-image:url('/textures/parchment.svg');border-radius:2px}html[data-theme=tavern] .pm-provider h3{font:23px/1.3 Georgia,serif}html[data-theme=tavern] .pm-provider .pm-label{font:12px/1.5 Arial,sans-serif}html[data-theme=tavern] .pm-provider .button{font-family:Arial,sans-serif}.payment-preview-link{margin-top:15px}
@media(max-width:650px){.pm-layout{grid-template-columns:1fr;gap:16px}.pm-summary,.pm-provider{padding:18px}.pm-summary h3{font-size:23px}.pm-amounts{gap:6px}.pm-provider .pm-amounts .button{font-size:12px}.pm-express{gap:8px}}