.shopier-modal{padding:0;border:1px solid #ddd7cc;border-radius:20px;width:min(940px,calc(100vw - 40px));max-width:940px;max-height:calc(100dvh - 32px);color:#252a27;background:#faf9f6;box-shadow:0 28px 120px #0004;overflow:hidden}.shopier-modal[open]{display:flex;flex-direction:column;animation:payment-arrive .28s ease-out}.shopier-modal::backdrop{background:#151b19a8;backdrop-filter:blur(9px)}.shopier-modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #dedbd3;flex-shrink:0}.shopier-modal-head span{font:600 9px/1.5 system-ui;letter-spacing:.18em;color:#686956}.shopier-modal-head h2{font:600 23px/1.4 system-ui;margin:0;display:flex;align-items:center;gap:20px;color:#252a27}.shopier-modal-head h2 small{font:500 14px system-ui;color:#686956}.shopier-modal-head button{width:36px;height:36px;border:1px solid #d9d5cc;border-radius:50%;background:transparent;color:#252a27;font:25px system-ui;cursor:pointer}.shopier-modal-notice{font:12px/1.5 system-ui;margin:0;padding:8px 22px;background:#eeeee6;color:#474b43;flex-shrink:0}.shopier-modal iframe{display:block;width:100%;border:0;flex:1 1 auto;min-height:160px;height:min(64dvh,660px);background:#fff}.shopier-modal-foot{padding:12px 22px;flex-shrink:0;border-top:1px solid #dedbd3}.shopier-modal-foot p{font:500 12px/1.5 system-ui;margin:0 0 8px;color:#434c41}.shopier-modal-foot div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.shopier-modal-foot a,.shopier-modal-foot button{font:600 12px/1.5 system-ui;color:#263f35;text-decoration:underline;text-underline-offset:4px;background:transparent;border:0;padding:0;cursor:pointer}.shopier-modal-foot small{font:11px/1.5 system-ui;color:#63675f;display:block;margin-top:8px}.shopier-payment-launch{margin:16px 0}.shopier-modal button:focus-visible,.shopier-modal a:focus-visible{outline:2px solid #71613f;outline-offset:4px}@keyframes payment-arrive{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:600px){.shopier-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.shopier-modal-head,.shopier-modal-foot{padding:12px 14px}.shopier-modal-notice{padding:8px 14px;font-size:11px}.shopier-modal iframe{height:55dvh}.shopier-modal-head h2{font-size:20px;gap:14px}}@media(prefers-reduced-motion:reduce){.shopier-modal[open]{animation:none}}