/* Store-only catalog presentation. Shared Header and five-tab geometry are inherited. */
.store-page { color: var(--br-text, #e8f0ed); }
.store-note { color: var(--br-gold, #ffcf4d); margin-bottom: 1.25rem; }
.store-packs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.store-pack { min-width: 0; padding: 1.25rem; display: flex; flex-direction: column; gap: .75rem; border: 2px solid #657c62; border-radius: .65rem; background: linear-gradient(#21382f, #102224); box-shadow: 0 4px 0 #071115; overflow-wrap: break-word; }
.store-pack h2 { color: #ffcf4d; font-size: 1.25rem; margin: 0; }
.store-pack p { margin: 0; }
.store-pack .store-amount { color: #ffcf4d; font-size: 2rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.store-amount span { font-size: 1rem; }
.store-pack .br-btn:disabled { margin-top: auto; width: 100%; min-height: 44px; white-space: normal; opacity: 1; color: #ccd5dc; background: #303c46; cursor: not-allowed; }
@media (max-width: 720px) {
    .store-packs { grid-template-columns: minmax(0, 1fr); }
    .store-pack { padding: 1rem; }
}

.store-pack .store-price { font-size: 1.2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.store-pack .store-recommended { align-self: flex-start; padding: .2rem .65rem; border: 1px solid #ffcf4d; border-radius: .3rem; color: #ffcf4d; }
