.payments-sheet{color:#25272d;background:#fff;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1px solid #f2dce3;border-radius:24px;overflow:auto;box-shadow:0 24px 64px #221b2833;font-family:inherit;overscroll-behavior:contain}
.payments-sheet::backdrop{background:#20182380;backdrop-filter:blur(8px)}
.payments-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px}.payments-sheet h2{font-size:22px;margin:0}.payments-sheet h3{font-size:16px;margin:12px 0}
.payments-sheet button{font:inherit;cursor:pointer;min-height:44px;padding:10px 16px;background:#c62f53;border:1px solid transparent;border-radius:12px;color:white}.payments-sheet button:disabled{opacity:.45;cursor:default}.payments-sheet button:focus-visible{outline:3px solid #e7a9b9;outline-offset:3px}
.payments-sheet .pay-close{background:none;color:#717780;font-size:26px;padding:0;width:44px}.payments-sheet .pay-secondary{background:#f8f5f7;border-color:#e9ecef;color:#525760}
.pay-subtitle,.pay-note{font-size:13px;line-height:1.65;color:#717780}.pay-balance{padding:18px;border-radius:18px;background:#fff3f6;border:1px solid #fae6ed}.pay-balance>strong{font-size:14px}.pay-balance>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pay-balance span{display:grid;gap:4px;font-size:12px;color:#717780}.pay-balance b{font-size:26px;color:#c62f53;font-variant-numeric:tabular-nums}.pay-balance>small{display:block;font-size:12px;color:#717780;line-height:1.7}
.pay-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.pay-product{display:flex;flex-direction:column;padding:16px;border:1px solid #e9ecef;border-radius:18px}.pay-product.is-selected{border-color:#df879d;background:#fffafb}.pay-product p{font-size:13px;line-height:1.6;color:#717780;flex:1}.pay-price{font-size:28px;font-weight:700;color:#c62f53;font-variant-numeric:tabular-nums}.pay-price small{font-size:12px;font-weight:400;color:#717780}
.payments-sheet .pay-order{width:100%;border-radius:0;background:none;color:#25272d;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;gap:14px;padding:14px 0;text-align:left}.pay-order span{display:grid;gap:4px;font-size:13px}.pay-order span:last-child{text-align:right}.pay-order small{color:#717780;font-size:12px}.pay-order-detail{font-size:12px;line-height:1.7}.pay-order-detail dd{margin:0 0 10px;overflow-wrap:anywhere}.pay-order-detail dt{color:#717780}.pay-order-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-pay-code]{text-align:center;margin:16px 0}[data-pay-code] canvas{width:min(240px,100%);height:auto;image-rendering:pixelated}[data-pay-code] p{font-size:14px}.pay-success{background:#eef8f1;color:#32734b;padding:24px 12px;border-radius:16px}.payments-sheet [role=status]{font-size:13px;line-height:1.7;color:#9c3250;overflow-wrap:anywhere}
.profile-home .profile-membership{margin:18px 0 8px;border:1px solid #efc3cf;border-radius:14px;background:#fff7f9}.profile-membership>span{display:grid;gap:4px}.profile-membership small{font-size:12px;color:#717780}
@media(max-width:420px){.payments-sheet{padding:18px}.pay-products{grid-template-columns:1fr}.pay-product{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.pay-product h3{margin:4px 0}.pay-product p{grid-column:1/-1;margin:6px 0 10px}.pay-product button{grid-column:1/-1}.pay-price{font-size:24px}.pay-balance b{font-size:24px}}
.payments-sheet [hidden]{display:none!important}