:root {
    --bg: #070707;
    --card: rgba(255,255,255,0.04);
    --border: rgba(255,255,255,0.08);
    --gold: #d4af37;
    --text: #eaeaea;
    --muted: #9a9a9a;
    --strike: #ff4c4c;
}

.section {max-width: 1400px; margin: auto; padding: 20px 20px;text-align: center;}
.title {font-size: 34px;font-weight: 600;background: linear-gradient(90deg, #fff, var(--gold));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subtitle {color: var(--muted);margin-bottom: 30px;}
.currency-switch {display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 20px;}
.currency-switch a {min-width: 67px; max-width: 67px; display: inline-block;text-decoration: none;border: 1px solid var(--border);color: var(--muted);padding: 8px 14px;margin: 5px;border-radius: 8px;transition: 0.2s;}
.currency-switch a:hover,.currency-switch a.active {border-color: var(--gold);color: var(--gold);}

.grid {margin: auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));gap: 20px;}

.card {display: flex;flex-direction: column;position: relative;padding: 26px;border-radius: 14px;background: var(--card);border: 1px solid var(--border);text-decoration: none;color: inherit;transition: 0.25s;min-height: 200px;align-items: center;}
.card:hover {border-color: rgba(212,175,55,0.4);box-shadow: 0 10px 25px rgba(0,0,0,0.6),0 0 20px rgba(212,175,55,0.15);}

.price-badge {position: absolute;top: 10px;left: 10px;background: rgba(212,175,55,0.15);color: #d4af37;font-size: 12px;padding: 5px 9px;border-radius: 6px;border: 1px solid rgba(212,175,55,0.4);font-weight: 600;}
.badge-stack {position: absolute;top: 10px;right: 10px;display: flex;flex-direction: column;gap: 5px;}
.badge-stack .badge {padding: 4px 8px;border-radius: 6px;font-size: 10px;font-weight: 600;color: #000;text-align: center;}
.badge-new { background: #6cffd1; }
.badge-hot { background: #ff4c4c; }
.badge-limited { background: #f1d77a; }
.badge-bonus { background: #6fff9c; }

.content-wrapper {display: flex;flex-direction: column;flex-grow: 1; /* zajmuje resztę miejsca */justify-content: center;align-items: center;gap: 6px;}
.coins {display: flex;flex-direction: column;align-items: center;gap: 4px;font-size: 26px;font-weight: 600;margin: 0;}
.coins-strike {color: var(--strike);text-decoration: line-through;font-size: 20px;}
.price-current {color: #6fff9c;font-size: 26px;font-weight: 700;}

.buy-btn {cursor:pointer; margin-top: 15px;padding: 6px 0;text-align: center;border-radius: 8px;background: linear-gradient(90deg, var(--gold), #f1d77a);color: #000;font-weight: 600;font-size: 14px;width: 100%;max-width: 180px;}
.buy-btn span {display: block;text-align: center;}

.card:hover .buy-btn {box-shadow: 0 0 15px rgba(212,175,55,0.4);}

.terms-box {margin: 20px auto 0;padding: 25px;border-radius: 14px;background: linear-gradient(145deg, rgba(212,175,55,0.08), rgba(255,255,255,0.02));border: 1px solid rgba(212,175,55,0.25);text-align: left;box-shadow: 0 0 40px rgba(212,175,55,0.05);}
.terms-box h4 {margin-top: 0;color: var(--gold);}
.terms-box p {color: var(--muted);font-size: 14px;line-height: 1.6;}