.popular{margin-bottom:var(--space-10)}.popular__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.popular__arrows{gap:var(--space-2);display:flex}.popular__arrow{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition), color var(--transition);justify-content:center;align-items:center;padding:0;font-size:.875rem;display:flex}.popular__arrow:hover{border-color:var(--color-accent);color:var(--color-text)}.popular__track{gap:var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.popular__track::-webkit-scrollbar{display:none}.popular__tile{scroll-snap-align:start;gap:var(--space-2);flex-direction:column;flex:0 0 150px;display:flex;position:relative}.popular__poster{object-fit:cover;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:150px;height:225px;transition:border-color var(--transition), box-shadow var(--transition)}.popular__tile:hover .popular__poster{border-color:var(--color-accent);box-shadow:0 0 20px #6366f14d}.popular__poster--empty{justify-content:center;align-items:center;display:flex}.popular__top-gradient{border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none;background:linear-gradient(#0009 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}.popular__rating{top:var(--space-2);left:var(--space-2);color:var(--color-star);text-shadow:0 1px 3px #000c;font-size:.75rem;font-weight:700;position:absolute}.popular__info{padding:0 var(--space-1);flex-direction:column;gap:2px;display:flex}.popular__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.popular__meta{color:var(--color-text-muted);font-size:.75rem}@media (max-width:768px){.popular__tile{flex:0 0 120px}.popular__poster{width:120px;height:180px}}