.wc-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); margin-bottom: 16px; font-size: 14px; }
.wc-amount { font-size: 32px; font-weight: 500; font-variant-numeric: tabular-nums; }
.wc-packs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.wc-pack { display: flex; flex-direction: column; gap: 8px; align-items: center; padding: 20px 8px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); color: var(--ink); font: inherit; cursor: pointer; }
.wc-pack strong { font-weight: 500; }
.wc-pack span { color: var(--ink-3); font-size: 13px; }
.wc-pack:disabled { cursor: default; opacity: .65; }
.wc-pack:hover:not(:disabled) { border-color: var(--accent); }
.wc-pack:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.wc-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; border-top: 1px solid var(--line); padding: 16px 0; font-size: 14px; }
.wc-entry strong { font-weight: 500; font-variant-numeric: tabular-nums; }
.wc-entry p { grid-column: 1 / -1; margin: 0; }
.wc-confirm { box-sizing: border-box; width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; background: var(--surface); color: var(--ink); }
.wc-confirm::backdrop { background: rgba(0, 0, 0, .45); }
.wc-confirm h2 { margin-top: 0; font-size: 20px; font-weight: 500; }
.wc-confirm .st-actions { justify-content: flex-end; margin-bottom: 0; }
.wc-confirm p { line-height: 1.6; }
.wc-balance { margin-bottom: 24px; }
@media (max-width: 600px) { .wc-packs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wc-amount { font-size: 28px; } }

.wc-breakdown { color: var(--ink-2); font-size: 14px; line-height: 1.8; }
.wc-gift-form { max-width: 520px; }
.wc-gift-form .st-button { justify-self: start; }