:root {
    --bg-dark: #0f172a;
    --card-dark: rgba(255,255,255,0.05);
    --text-dark: #f1f5f9;
    --glass-border: rgba(255,255,255,0.1);
}
body.dark-mode {
    background: var(--bg-dark);
    color: var(--text-dark);
}
.glass-card {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    border: 1px solid var(--glass-border);
    padding: 1rem;
    transition: transform 0.3s;
}
.glass-card:hover { transform: translateY(-5px); }
.item-img { width: 100%; height: 150px; object-fit: cover; border-radius: 12px; cursor: pointer; }
.price { color: #4caf50; font-weight: bold; }
.free { color: #ff9800; }
.banner-slider { margin-top: 70px; }
.search-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.9); z-index: 2000; display: none; justify-content: center; align-items: center; }
.search-container { width: 90%; max-width: 600px; }
.lightbox { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.9); z-index: 3000; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.lightbox-content { max-width: 90%; max-height: 80%; }
/* Responsive */
@media (max-width: 768px) {
    .item-img { height: 120px; }
    .glass-card { padding: 0.5rem; }
}