.customer-confirm { box-sizing: border-box; width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 24px; overflow: auto; border: 1px solid #31507e; border-radius: 18px; background: #0b1426; color: #edf3ff; font-family: inherit; box-shadow: 0 24px 100px rgba(0,0,0,.5); }
.customer-confirm:not([open]) { display: none; }
.customer-confirm::backdrop { background: rgba(1,4,10,.76); backdrop-filter: blur(4px); }
.customer-confirm h2 { margin: 0 0 12px; font-size: 1.15rem; line-height: 1.4; font-weight: 700; }
.customer-confirm p { margin: 0 0 22px; color: #9eafc9; font-size: .9rem; line-height: 1.7; }
.customer-confirm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.customer-confirm-actions button { flex: 1; min-height: 46px; padding: 10px 14px; border: 1px solid #31507e; border-radius: 10px; background: #13213a; color: #edf3ff; font-family: inherit; font-size: .85rem; line-height: 1.4; font-weight: 700; cursor: pointer; }
.customer-confirm-actions button:focus-visible { outline: 2px solid #7eabff; outline-offset: 3px; }
.customer-confirm-actions .customer-confirm-danger { border-color: #a34458; background: #482235; color: #ffe2e8; }
.customer-confirm-actions .customer-confirm-danger:hover { background: #60293e; }
.customer-confirm-purchase { width:min(620px,calc(100vw - 32px)); padding:28px; }
.customer-confirm-purchase h2 { font-size:1.35rem; }
.customer-confirm-purchase ul { padding-inline-start:22px; margin:0 0 20px; color:#d0dced; font-size:.92rem; line-height:1.75; }
.customer-confirm-purchase li+li { margin-top:12px; }
.customer-confirm-purchase p { font-size:.92rem; margin-bottom:16px; }
.customer-confirm-purchase .purchase-code-note { border-inline-start:3px solid #548cff; padding:12px 16px; border-radius:6px; background:#132443; color:#e2edff; }
.customer-confirm-actions .customer-confirm-primary { background:#155eef; border-color:#4284ff; color:#fff; }
.customer-confirm-actions .customer-confirm-primary:hover { background:#2871ff; }
@media(max-width:560px){.customer-confirm-purchase { padding:20px; }.customer-confirm-purchase h2 { font-size:1.15rem; }.customer-confirm-purchase ul,.customer-confirm-purchase p { font-size:.86rem; }}