/* <store-badges> styles */
.store-badges { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; max-width: 100%; }

/* shown until READY (see store-badges.js) — a calm placeholder, not a button */
.store-soon { display: inline-flex; align-items: center; gap: 9px; height: 52px; padding: 0 26px; border-radius: var(--r-pill); background: var(--bg-soft); border: 1px solid var(--line); color: var(--ink-2); font-family: var(--font-head); font-weight: 600; font-size: 15px; letter-spacing: .01em; }
.store-soon::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.store-badge { display: inline-flex; align-items: center; gap: 11px; height: 56px; padding: 0 22px; border-radius: 14px; background: #0d0d11; color: #fff; transform: translate3d(0, 0, 0); transition: transform .3s var(--ease), background .3s var(--ease); }
.store-badge:hover { transform: translate3d(0, -3px, 0); background: #000; }
.sb-ic { width: 25px; height: 25px; flex-shrink: 0; }
.sb-tx { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.04; }
.sb-t { font-size: 11px; font-weight: 500; opacity: .9; letter-spacing: .01em; }
.sb-b { font-size: 18px; font-weight: 600; font-family: var(--font-head); letter-spacing: -.01em; }