/* Karta bombek: podgląd na żywo, ilość i termin. */
.bauble-deadline { margin: 0 0 var(--space-4); padding: var(--space-2) var(--space-3); border-left: 3px solid #6e2b36; background: rgba(110, 43, 54, .07); font-size: .9rem; font-weight: 600; color: #4a1520; }
.bauble-live { margin: 0 0 var(--space-5); }
.bauble-live-title { margin: 0 0 var(--space-2); font-size: .85rem; font-weight: 600; }
.bauble-live-stage { position: relative; width: min(100%, 22rem); }
.bauble-live-stage img { display: block; width: 100%; height: auto; aspect-ratio: 1000 / 940; object-fit: cover; border-radius: var(--radius-sm); }
.bauble-live-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: multiply; border-radius: var(--radius-sm); }
.bauble-live-note { margin: var(--space-2) 0 0; font-size: .8rem; color: #4d5551; }
.bauble-live.is-too-long .bauble-live-note { color: #5a1f2a; font-weight: 600; }
.bauble-live.is-too-long .bauble-live-note::before { content: "Takie imię jest za długie dla tego wzoru. Skróć je albo wybierz inny wzór. "; }
.bauble-live-ready { margin: var(--space-3) 0 0; width: min(100%, 22rem); }
.bauble-live-ready img { width: 100%; height: auto; border-radius: var(--radius-sm); }
.bauble-live-ready figcaption { margin-top: .25rem; font-size: .8rem; color: #4d5551; }
.qty-quick { display: grid; gap: var(--space-2); margin: 0 0 var(--space-4); }
.qty-quick-label { font-size: .85rem; font-weight: 600; }
.qty-quick-options { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.qty-quick-options button { padding: .5rem 1rem; border: 1px solid var(--color-ink); border-radius: var(--radius-full); background: transparent; color: var(--color-ink); font-size: .9rem; }
.qty-quick-options button[aria-pressed="true"] { background: var(--color-ink); color: var(--color-white); }
.qty-quick-total { margin: 0; font-weight: 600; }