.store-hero { min-height: 45vh; display: flex; align-items: center; justify-content: center; position: relative; padding: 120px 2rem 40px; }

.store-section-header { text-align: center; margin-bottom: 3rem; }

.store-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 1000px; margin: 0 auto; }

.store-card {
    position: relative; padding: 2rem; border-radius: 20px;
    background: var(--card); border: 1px solid var(--glass-border);
    text-align: center; transition: all 0.4s; overflow: hidden;
}
.store-card:hover { transform: translateY(-10px); border-color: rgba(230,57,70,0.3); }
.store-card.featured { border-color: rgba(255,215,0,0.3); }
.store-card.featured:hover { border-color: rgba(255,215,0,0.6); box-shadow: 0 20px 60px rgba(255,215,0,0.15); }

.store-card-badge {
    position: absolute; top: 15px; right: -30px;
    padding: 0.3rem 2.5rem; font-size: 0.65rem; font-weight: 700;
    letter-spacing: 1px; text-transform: uppercase;
    background: var(--glass-border); color: var(--text2);
    transform: rotate(45deg);
}
.store-card-badge.hot { background: linear-gradient(135deg, #ffd700, #b8860b); color: #000; }
.store-card-badge.legend { background: linear-gradient(135deg, var(--red), var(--red-dark)); color: #fff; }

.store-card-icon {
    width: 80px; height: 80px; margin: 0 auto 1.5rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; font-size: 2rem; color: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.store-card-rank { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; margin-bottom: 0.5rem; }

.store-card-price {
    font-family: var(--font-display); font-size: 2.5rem; font-weight: 900;
    color: var(--red); margin-bottom: 1.5rem;
}
.store-card-price span { font-size: 1.2rem; vertical-align: top; }
.store-card-price span:last-child { font-size: 1rem; }

.store-card-perks {
    list-style: none; text-align: left; margin-bottom: 2rem;
}
.store-card-perks li {
    padding: 0.5rem 0; border-bottom: 1px solid var(--glass-border);
    font-size: 0.9rem; color: var(--text2); display: flex; align-items: center; gap: 0.5rem;
}
.store-card-perks li:last-child { border: none; }
.store-card-perks li i { color: #00ff44; font-size: 0.8rem; }

.store-buy-btn {
    width: 100%; padding: 0.9rem; border-radius: 12px;
    background: linear-gradient(135deg, var(--red), var(--red-dark));
    border: none; color: white; font-family: var(--font); font-size: 1rem; font-weight: 600;
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    cursor: none; transition: all 0.3s; box-shadow: 0 4px 15px var(--red-glow);
}
.store-buy-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px var(--red-glow); }
.store-buy-btn.small { padding: 0.6rem 1.5rem; width: auto; font-size: 0.9rem; }

.crates-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 900px; margin: 0 auto; }

.crate-card {
    position: relative; padding: 2rem; border-radius: 16px;
    background: var(--card); border: 1px solid var(--glass-border);
    text-align: center; transition: all 0.3s; overflow: hidden;
}
.crate-card:hover { transform: translateY(-5px); }
.crate-card.epic { border-color: rgba(147,51,234,0.3); }
.crate-card.epic:hover { border-color: rgba(147,51,234,0.6); }
.crate-card.legendary { border-color: rgba(255,215,0,0.3); }
.crate-card.legendary:hover { border-color: rgba(255,215,0,0.6); }

.crate-glow {
    position: absolute; top: -50px; left: 50%; transform: translateX(-50%);
    width: 150px; height: 150px; border-radius: 50%;
    background: radial-gradient(circle, rgba(230,57,70,0.15), transparent 70%);
    pointer-events: none;
}
.crate-card.epic .crate-glow { background: radial-gradient(circle, rgba(147,51,234,0.15), transparent 70%); }
.crate-card.legendary .crate-glow { background: radial-gradient(circle, rgba(255,215,0,0.15), transparent 70%); }

.crate-icon {
    font-size: 3rem; margin-bottom: 1rem; color: var(--red);
    position: relative; z-index: 1;
}
.crate-card.epic .crate-icon { color: #9333ea; }
.crate-card.legendary .crate-icon { color: #ffd700; }

.crate-card h3 { font-family: var(--font-display); font-size: 1.2rem; margin-bottom: 0.3rem; position: relative; z-index: 1; }
.crate-price {
    font-family: var(--font-display); font-size: 1.8rem; font-weight: 800;
    color: var(--red); margin: 0.5rem 0; position: relative; z-index: 1;
}
.crate-card.epic .crate-price { color: #9333ea; }
.crate-card.legendary .crate-price { color: #ffd700; }
.crate-card p { color: var(--text2); font-size: 0.9rem; margin-bottom: 1.5rem; position: relative; z-index: 1; }

.boosters-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; max-width: 900px; margin: 0 auto; }

.booster-card {
    padding: 1.5rem; border-radius: 14px;
    background: var(--card); border: 1px solid var(--glass-border);
    text-align: center; transition: all 0.3s;
}
.booster-card:hover { border-color: var(--red); transform: translateY(-3px); }

.booster-icon { font-size: 2rem; color: var(--red); margin-bottom: 0.5rem; }
.booster-card h4 { font-family: var(--font-display); font-size: 1rem; margin-bottom: 0.2rem; }
.booster-card p { color: var(--text2); font-size: 0.8rem; margin-bottom: 0.5rem; }
.booster-price { font-family: var(--font-display); font-size: 1.4rem; font-weight: 800; color: var(--red); margin-bottom: 1rem; }

.store-faq { max-width: 800px; margin: 0 auto; }
.faq-grid { margin-top: 2rem; display: flex; flex-direction: column; gap: 1.5rem; }
.faq-item {
    padding: 1.5rem; border-radius: 12px;
    background: var(--card); border: 1px solid var(--glass-border);
}
.faq-item h4 { font-size: 1rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.faq-item h4 i { color: var(--red); }
.faq-item p { color: var(--text2); font-size: 0.9rem; line-height: 1.7; }

@media (max-width: 1024px) { .store-grid, .crates-grid { grid-template-columns: repeat(2, 1fr); } .boosters-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .store-grid, .crates-grid, .boosters-grid { grid-template-columns: 1fr; } }