.collections-launch { color: var(--brand-dark, #1C1B17); display: block; font-size: 13px; font-weight: 700; margin: 12px 0 20px; text-decoration: underline; text-underline-offset: 4px; }
.collections-test-page { background: var(--brand-cream, #F5F4F0); color: var(--brand-dark, #1C1B17); position: fixed; inset: 0; z-index: 65; overflow-y: auto; font-family: 'Manrope', sans-serif; }
.collections-test-page[hidden] { display: none; }
html.collections-test-open, html.collections-test-open body { overflow: hidden; }
.collections-shell { box-sizing: border-box; width: 100%; max-width: 480px; margin: 0 auto; padding: calc(20px + env(safe-area-inset-top, 0px)) 20px calc(40px + env(safe-area-inset-bottom, 0px)); }
.collections-header { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.collections-header h1 { font-size: 24px; line-height: 1.3; margin: 0; font-weight: 700; }
.collections-eyebrow { color: var(--brand-grey-text, #6B6B6B); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; margin: 0 0 5px; }
.collections-back { border-radius: 100px; border: 1px solid var(--brand-border, #E5E4E0); background: var(--brand-white, #FFFFFF); color: inherit; width: 44px; height: 44px; font-size: 22px; cursor: pointer; flex-shrink: 0; }
.collections-banner { border-radius: 8px; padding: 18px; background: rgba(233, 254, 15, .12); margin-bottom: 20px; font-size: 14px; line-height: 1.6; }
.collections-banner p { margin: 6px 0 0; }
.collections-card { padding: 22px; background: var(--brand-white, #FFFFFF); border: 1px solid var(--brand-border, #E5E4E0); border-radius: 8px; margin-bottom: 16px; }
.collections-card h2 { font-size: 22px; line-height: 1.35; margin: 7px 0 10px; }
.collections-card > p { font-size: 14px; line-height: 1.65; }
.collections-facts { margin: 24px 0; font-size: 13px; }
.collections-facts > div { display: flex; justify-content: space-between; gap: 18px; padding: 11px 0; border-bottom: 1px solid var(--brand-border, #E5E4E0); }
.collections-facts dt { color: var(--brand-grey-text, #6B6B6B); }
.collections-facts dd { margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere; max-width: 60%; }
.collections-primary, .collections-secondary { width: 100%; margin: 5px 0; padding: 14px 16px; min-height: 48px; border-radius: 100px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.collections-primary { background: var(--brand-yellow, #E9FE0F); color: var(--brand-dark, #1C1B17); border: 1px solid var(--brand-yellow, #E9FE0F); }
.collections-secondary { background: var(--brand-white, #FFFFFF); color: var(--brand-dark, #1C1B17); border: 1px solid var(--brand-border, #E5E4E0); }
.collections-test-page button:disabled { opacity: .55; cursor: wait; }
.collections-test-page :focus-visible { outline: 3px solid var(--brand-dark, #1C1B17); outline-offset: 3px; }
.collections-notice { font-size: 13px; line-height: 1.6; min-height: 21px; }
.collections-footnote { color: var(--brand-grey-text, #6B6B6B); font-size: 12px; line-height: 1.7; margin-top: 20px; }
.collections-live-shell { max-width: 560px; }
.collections-live-warning { background: #1C1B17; color: #fff; border-radius: 8px; padding: 16px 18px; margin-bottom: 18px; font-size: 14px; line-height: 1.5; }
.collections-live-warning p { margin: 5px 0 0; color: #E9FE0F; font-weight: 600; }
.collections-live-label { display: block; font-size: 13px; font-weight: 700; margin: 20px 0 7px; }
.collections-live-label span { color: var(--brand-grey-text, #6B6B6B); display: block; font-size: 11px; font-weight: 500; line-height: 1.4; margin-top: 3px; }
.collections-live-input { box-sizing: border-box; width: 100%; border: 1px solid var(--brand-border, #E5E4E0); background: #fff; border-radius: 6px; color: var(--brand-dark, #1C1B17); font: 700 17px/1.2 'Manrope', sans-serif; letter-spacing: .03em; padding: 14px; }
.collections-live-input:focus { border-color: var(--brand-dark, #1C1B17); }
.collections-limit-grid { display: grid; gap: 4px; margin: 22px 0; }
.collections-limit-grid .collections-live-label { margin-top: 14px; }
.collections-money-input { align-items: center; display: flex; position: relative; }
.collections-money-input > span { color: var(--brand-grey-text, #6B6B6B); font-size: 12px; font-weight: 700; left: 14px; position: absolute; }
.collections-money-input .collections-live-input { padding-left: 52px; }
.collections-live-help { color: var(--brand-grey-text, #6B6B6B); font-size: 12px !important; margin: 7px 0 0; }
.collections-live-check { align-items: flex-start; cursor: pointer; display: flex; font-size: 13px; font-weight: 600; gap: 10px; line-height: 1.5; margin: 20px 0 14px; }
.collections-live-check input { accent-color: var(--brand-dark, #1C1B17); flex: 0 0 18px; height: 18px; margin-top: 1px; width: 18px; }
.collections-link { background: transparent; border: 0; color: var(--brand-dark, #1C1B17); cursor: pointer; font: 700 13px/1.2 'Manrope', sans-serif; padding: 4px 0; text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 768px) { .collections-live-shell { max-width: 680px; padding-top: 40px; } .collections-live-shell .collections-card { padding: 28px; } }
.collections-selected-bank { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin: 0 0 20px; padding: 0 2px; }
.collections-selected-bank span { color: var(--brand-grey-text, #6B6B6B); display: block; font-size: 12px; margin-bottom: 4px; }
.collections-selected-bank strong { display: block; font-size: 16px; overflow-wrap: anywhere; }
.collections-selected-bank .collections-link { flex: 0 0 auto; margin: 0; padding: 12px 0 12px 8px; }
.collections-bank-options { border: 0; margin: 20px 0; padding: 0; }
.collections-bank-options legend { margin: 0 0 10px; padding: 0; }
.collections-bank-option { align-items: center; border-bottom: 1px solid var(--brand-border, #E5E4E0); cursor: pointer; display: flex; gap: 14px; min-height: 60px; padding: 12px 4px; }
.collections-bank-option:first-of-type { border-top: 1px solid var(--brand-border, #E5E4E0); }
.collections-bank-option input { accent-color: var(--brand-dark, #1C1B17); flex: 0 0 20px; height: 20px; margin: 0; width: 20px; }
.collections-bank-option span { font-size: 15px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.collections-bank-option:focus-within { outline: 2px solid var(--brand-dark, #1C1B17); outline-offset: 3px; }
.collections-bank-update { color: var(--brand-dark, #1C1B17); border-left: 3px solid var(--brand-yellow, #E9FE0F); padding-left: 12px; }

.collections-bank-catalog { list-style: none; margin: 20px 0; padding: 0; }
.collections-bank-catalog li { border-bottom: 1px solid var(--brand-border, #E5E4E0); font-size: 15px; font-weight: 700; line-height: 1.4; padding: 16px 4px; }
.collections-live-shell > .collections-link { display: block; min-height: 44px; margin: 4px 0; text-align: left; }
