/* Keep the purchase bar short; the full breakdown opens only on request. */
#product-dialog .topup-footer{padding:8px 18px!important}
#product-dialog .checkout-pay-row{display:flex;align-items:center;gap:14px}
#product-dialog .checkout-pay-row .total{display:grid;gap:2px;margin:0;flex:1;min-width:0}
#product-dialog .checkout-pay-row .total>span:first-child{font-size:12px;line-height:1.4;color:#626b79}
#product-dialog .checkout-pay-row .total-amount{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
#product-dialog .checkout-pay-row #total{font-size:20px;line-height:1.2}
#product-dialog .checkout-pay-row #total-before{font-size:11px}
#product-dialog .checkout-pay-row>.primary{width:auto;min-width:145px;max-width:56%;min-height:40px;padding:10px 16px;border-radius:10px;font-size:13px;line-height:1.4;margin:0}
#product-dialog .transaction-summary{margin:0 0 6px;border:0}
#product-dialog .transaction-summary>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:11px;font-weight:600;color:#626b79;min-height:25px}
#product-dialog .transaction-summary>summary::-webkit-details-marker{display:none}
#product-dialog .transaction-summary>summary svg{height:14px;width:14px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .15s}
#product-dialog .transaction-summary[open]>summary svg{transform:rotate(180deg)}
#product-dialog .transaction-summary>summary:focus-visible{outline:2px solid #081833;outline-offset:2px;border-radius:4px}
.transaction-summary-body{max-height:min(42dvh,310px);overflow-y:auto;padding:8px 0 12px;overscroll-behavior:contain}
.transaction-lines{margin:0!important;display:block!important}.summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:6px 0;font-size:12px;line-height:1.5}.summary-line dt{margin:0;color:#626b79}.summary-line dd{margin:0;text-align:right;white-space:nowrap;font-weight:600;color:#081833}.summary-line.is-discount dd{color:#b54334}.summary-line.is-subtotal{font-weight:600}.summary-line.is-fee{border-top:1px solid #dce5f2;margin-top:6px;padding-top:10px}.summary-line.is-total{border-top:1px solid #dce5f2;margin-top:6px;padding-top:10px;font-weight:700}.summary-line.is-total dd{font-size:17px;color:#081833}.transaction-saving{margin:5px 0 0;text-align:right;font-size:11px;color:#337c4a}
#product-dialog .topup-footer>.topup-hint{font-size:10px;margin:5px 0 0;line-height:1.35}
#product-dialog .topup-footer>.topup-help{display:none}
#product-dialog .topup-body>.topup-help{display:block;margin:4px auto 12px;padding:4px 8px;min-height:28px;font-size:11px}
#product-dialog .nominal-compare{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:10px;line-height:1.3;color:#626b79}
#product-dialog .nominal-compare del{white-space:nowrap}
#product-dialog .nominal-compare b{font-size:9px;font-weight:600;padding:1px 4px;border-radius:4px;color:#0645ad;background:#e7efff;white-space:nowrap}
#product-dialog .option>span>small{font-weight:600;color:#081833;margin-top:3px}
#product-dialog.inline-checkout .topup-footer{bottom:calc(64px + env(safe-area-inset-bottom))!important}
@media(max-width:360px){#product-dialog .checkout-pay-row{gap:8px}#product-dialog .checkout-pay-row>.primary{min-width:130px;padding:9px 10px}#product-dialog .checkout-pay-row #total{font-size:18px}}

.app-shell:has(#product-dialog.inline-checkout[open]){padding-bottom:calc(64px + env(safe-area-inset-bottom))}.brand-store-view:has(#product-dialog.inline-checkout[open]){padding-bottom:0}#product-dialog.inline-checkout .topup-footer{bottom:calc(64px + env(safe-area-inset-bottom))!important}

/* Review scrolls with the form, keeping only the selection and pay action pinned. */
#product-dialog .checkout-review{margin:14px 0 10px;border:1px solid #dce5f2;border-radius:12px;padding:5px 12px;background:#ffffff}
#product-dialog .checkout-review>summary{min-height:38px;font-size:12px}
#product-dialog .checkout-review .transaction-summary-body{max-height:none;overflow:visible;padding:4px 0 8px}
.checkout-order-details{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #dce5f2;display:grid;gap:7px}.checkout-order-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.5}.checkout-order-details dt{color:#626b79}.checkout-order-details dd{margin:0;color:#081833;font-weight:600;overflow-wrap:anywhere;text-align:right}
#product-dialog #checkout-product-info{margin-top:10px;border-top:1px solid #dce5f2;padding-top:8px;font-size:12px}#checkout-product-info>summary{cursor:pointer;min-height:36px;align-content:center}#checkout-product-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
#product-dialog .checkout-selection{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #f5f8ff}
#product-dialog .checkout-selection>div{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px}
#product-dialog .checkout-selection strong{font-size:13px;line-height:1.45;color:#081833;overflow-wrap:anywhere}#product-dialog .checkout-selection span{font-size:12px;line-height:1.45;color:#626b79}
#product-dialog .checkout-selection button{border:0;border-radius:7px;background:#f5f8ff;color:#232933;padding:5px 9px;min-height:32px;font:inherit;font-size:12px;font-weight:600}
#product-dialog .checkout-selection p{flex-basis:100%;margin:0;font-size:12px;line-height:1.45;color:#626b79;overflow-wrap:anywhere;max-height:42px;overflow:auto}
#product-dialog .checkout-pay-row>.primary{min-height:44px;padding:9px 12px}#product-dialog .checkout-pay-row #total{font-size:18px}
#product-dialog .guest-checkout .buyer-mode span{min-height:36px;padding:7px;font-size:13px}#product-dialog .guest-checkout .field{gap:6px;font-size:13px}#product-dialog .guest-checkout .field input{min-height:44px;padding:10px 12px;font-size:16px}#product-dialog .guest-checkout .topup-hint{font-size:12px;line-height:1.5;margin-top:6px}
@media(max-height:580px){#product-dialog .checkout-selection{padding-bottom:4px;margin-bottom:4px}#product-dialog .topup-footer{padding-top:6px!important;padding-bottom:6px!important}}
@media(max-width:480px){#product-dialog.inline-checkout .topup-footer{margin-inline:0;padding-inline:12px!important}}