/* Discover Page */
.discover-header {
    padding: 15px; background: var(--bg-color);
    position: sticky; top: 0; z-index: 10;
}
.search-bar {
    display: flex; align-items: center; gap: 10px;
    background: rgba(255,255,255,0.1); border-radius: 25px;
    padding: 10px 15px;
}
.search-bar input {
    flex: 1; background: none; border: none;
    color: white; font-size: 1rem; outline: none;
}
.categories-strip {
    display: flex; gap: 10px; padding: 10px 15px;
    overflow-x: auto; scrollbar-width: none;
}
.categories-strip::-webkit-scrollbar { display: none; }
.category-chip {
    flex-shrink: 0; padding: 8px 16px;
    background: rgba(255,255,255,0.1);
    border-radius: 20px; font-size: 0.85rem;
    cursor: pointer; transition: all 0.2s;
}
.category-chip.active {
    background: var(--accent-color);
    font-weight: bold; color: white;
}
/* Masonry-like Grid */
.discover-grid {
    columns: 2; column-gap: 4px;
    padding: 4px 4px 70px;
}
.discover-grid .grid-item {
    break-inside: avoid; margin-bottom: 4px;
    position: relative; cursor: pointer; overflow: hidden;
}
.discover-grid .grid-item img {
    width: 100%; display: block; object-fit: cover;
    border-radius: 4px;
}
.discover-grid .grid-item.tall img { height: 280px; }
.item-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 20px 8px 8px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white; font-size: 0.8rem; font-weight: bold;
    border-radius: 0 0 4px 4px;
}