/* Checkout drawer measured from Selar's public storefront, 15 October 2026. */
#checkout-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:440px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:var(--store-page);color:var(--store-text);font-family:'Google Sans Flex','DM Sans',sans-serif;box-shadow:-12px 0 32px #0002;overflow-y:auto}
#checkout-dialog::backdrop{background:#0006}
#checkout-dialog .dialog-header{position:sticky;top:0;z-index:2;height:65px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--store-page);border-bottom:1px solid var(--store-border)}
#checkout-dialog .dialog-header h2{font:600 18px/24px 'Google Sans Flex','DM Sans',sans-serif;margin:0;letter-spacing:0}
#checkout-dialog .close-button{position:static;width:32px;height:32px;border:0;border-radius:50%;background:#f6f6f6;display:grid;place-items:center;font-size:24px;padding:0}
#checkout-dialog .checkout-body{display:flex;flex-direction:column;padding:20px;gap:20px}
#checkout-dialog .checkout-form-section{padding:0;order:2}
#checkout-dialog .back-button{display:none}
#checkout-dialog h3{font:500 16px/24px 'Google Sans Flex','DM Sans',sans-serif;margin:0 0 16px;letter-spacing:0}
#checkout-dialog label{font:500 14px/20px 'Google Sans Flex','DM Sans',sans-serif;display:block;margin:0 0 12px;color:var(--store-text)}
#checkout-dialog label>span[aria-hidden]{color:#d22}
#checkout-dialog input,#checkout-dialog select,#checkout-dialog textarea{width:100%;height:48px;margin-top:6px;border:1px solid var(--store-border);border-radius:12px;padding:12px;background:var(--store-page);color:var(--store-text);font:400 14px/20px 'Google Sans Flex','DM Sans',sans-serif;box-shadow:0 1px 2px #0000000d}
#checkout-dialog textarea{height:auto}
#checkout-dialog input::placeholder{color:#9b969a}
#checkout-dialog .field-hint{display:none}
#checkout-dialog .gateway-box{margin:20px 0 16px;padding:16px;border:1px solid var(--store-border);border-radius:12px;background:var(--store-page)}
#checkout-dialog .gateway-box strong{font-size:14px;font-weight:500}
#checkout-dialog .gateway-box p{font-size:12px;line-height:18px;margin:4px 0 0;color:var(--store-muted)}
#checkout-dialog .preview-notice{font:400 12px/18px 'Google Sans Flex','DM Sans',sans-serif;background:var(--store-surface);padding:12px;border:0;border-radius:8px;margin:12px 0}
#checkout-dialog .pay-button{width:100%;height:48px;border-radius:60px;font:600 16px/24px 'Google Sans Flex','DM Sans',sans-serif;margin:12px 0 0;padding:12px 24px}
#checkout-dialog .form-footnote{font-size:12px;line-height:18px;margin:16px 0;color:var(--store-muted)}
#checkout-dialog .order-summary{order:1;padding:0 0 20px;border:0;border-bottom:1px solid var(--store-border);background:var(--store-page)}
#checkout-dialog .summary-item{padding:0 0 16px;gap:12px}
#checkout-dialog .summary-cover{width:48px;height:56px;border-radius:6px;overflow:hidden;background:var(--store-icon-bg);flex-shrink:0}
#checkout-dialog .summary-cover img{width:100%;height:100%;object-fit:cover}
#checkout-dialog .summary-item strong{font-size:13px;line-height:18px}
#checkout-dialog .summary-item span{font-size:12px;line-height:18px}
#checkout-dialog .summary-lines,#checkout-dialog .summary-assurance,#checkout-dialog .summary-demo{display:none}
#checkout-dialog .summary-total{padding:0;border:0;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:14px}
#checkout-dialog .summary-total strong{font-size:16px;font-weight:600;line-height:24px}
#checkout-dialog .payment-status{font:400 13px/20px 'Google Sans Flex','DM Sans',sans-serif;overflow-wrap:anywhere}
@media(max-width:480px){#checkout-dialog{width:100%}}