/* The payment fields stay on SUMIT's origin; only their surrounding panel is styled here. */
#payment .embedded-payment{width:100%;min-width:0;margin:0;text-align:center}
.hosted-entry-active> :not(legend):not(.embedded-payment){display:none!important}
.has-hosted-payment #completeOrder[hidden]{display:none}
.has-hosted-payment .summary-payment{padding:0;min-width:0;border:0;background:transparent}
.hosted-order-details{margin:0;overflow-wrap:anywhere}
.hosted-order-details>div{padding:8px 0}
.hosted-order-details dt{font-weight:700}
.hosted-order-details dd{margin:0;text-align:start;white-space:pre-line}
.hosted-order-quantity{min-width:40px;text-align:center}
.payment-frame-shell{position:relative;background:#fff;border:1px solid #d9dece;border-radius:16px;overflow:hidden}
.payment-frame-shell iframe{scroll-margin-top:calc(var(--header-offset,150px) + 16px);display:block;width:100%;height:560px;border:0;background:#fff}
.payment-frame-loading{position:absolute;inset:0;display:grid;place-items:center;background:#faf9f3;pointer-events:none}
.payment-frame-loading[hidden]{display:none}
/* Keep the edit action and discreet fallback link on one row. */
.embedded-payment-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
#payment .embedded-payment-actions button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;margin:0;padding:9px 8px;border:1px solid #a6b39a;border-radius:12px;background:#eef1e7;color:#46553d;font:inherit;font-size:.9em;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
#payment .embedded-payment-actions button:hover{background:#e2e8d9;border-color:#819572}
.embedded-payment-actions button:disabled{opacity:.65;cursor:wait}
.embedded-payment-status{margin:10px 0 0;font-size:.9em;min-height:1.5em}
@font-face{font-family:PaymentReturn;src:url('/assets/fonts/AmaticSC-Regular.ttf') format('truetype');font-display:swap}
.payment-return{margin:0;padding:32px;background:#fff;color:#52634b;text-align:center;font:28px PaymentReturn,cursive}
@media(max-width:600px){.has-hosted-payment .summary-payment{padding:0}.payment-frame-shell{border-radius:12px}.payment-frame-shell iframe{height:520px}.embedded-payment-actions{gap:8px}.embedded-payment-actions button{padding:8px 5px}}
/* Preparation replaces the payment box contents, never a separate opening button. */
.summary-payment.is-preparing{min-height:160px}
.summary-payment.is-preparing>:not(legend):not(.checkout-preparing){display:none!important}
.checkout-preparing{display:flex;align-items:center;justify-content:center;gap:.12em;min-height:120px;text-align:center;font:inherit;line-height:1.4}
.checkout-preparing .checking-dots,.payment-frame-loading .checking-dots{direction:inherit;width:auto;gap:.04em;font:inherit;letter-spacing:normal}
.checkout-preparing .checking-dots i,.payment-frame-loading .checking-dots i{font:inherit;font-style:normal}
.payment-frame-loading{display:flex;align-items:center;justify-content:center;gap:.12em;padding:20px;text-align:center}

#payment .embedded-payment-actions .embedded-payment-fallback{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 2px;color:#5c6a53;background:none;border:0;border-radius:0;font:inherit;font-size:.85em;line-height:1.25;text-align:center;text-decoration:underline;text-underline-offset:4px}
#payment .embedded-payment-actions .embedded-payment-fallback:hover{color:#36472e}