/* Compact homepage shelves: desktop stays curated, mobile opens progressively. */
.home-popular-shelf { width: 100%; }
.home-popular-cards > :nth-child(n + 13) { display: none !important; }
.home-shelf-more { display: none; }

@media (max-width: 768px) {
    .home-popular-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
    .home-popular-cards > :nth-child(n + 5) { display: none !important; }
    .home-popular-cards[data-expanded="8"] > :nth-child(n + 5):nth-child(-n + 8),
    .home-popular-cards[data-expanded="all"] > :nth-child(n + 5) { display: block !important; }
    .home-shelf-more { width: 100%; min-height: 48px; margin: 17px 0 5px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(167, 139, 250, .32); border-radius: 14px; color: #e9ddff; background: linear-gradient(135deg, rgba(124, 58, 237, .18), rgba(236, 72, 153, .11)); font: inherit; font-size: .86rem; font-weight: 800; cursor: pointer; transition: transform .2s ease, background .2s ease; }
    .home-shelf-more:active { transform: scale(.98); }
    .home-shelf-more i { color: #c4b5fd; }
    .home-shelf-more small { color: #9ca3af; font-size: .72rem; font-weight: 700; }
    .home-shelf-more.is-complete { opacity: .72; pointer-events: none; background: rgba(255,255,255,.045); }
}