.browse-page{color:#fff;max-width:1400px;margin:0 auto;padding:140px 20px 40px}.browse-container{align-items:flex-start;gap:40px;display:flex}.browse-sidebar{background-color:#1a1a1a;border-radius:12px;flex:0 0 250px;padding:24px;position:-webkit-sticky;position:sticky;top:100px}.browse-sidebar h3{border-bottom:1px solid #333;margin-top:0;margin-bottom:20px;padding-bottom:10px}.genre-pills{flex-wrap:wrap;gap:10px;display:flex}.genre-pill-btn{color:#ccc;cursor:pointer;background-color:#2a2a2a;border:1px solid #444;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.genre-pill-btn:hover{color:#fff;background-color:#333}.genre-pill-btn.active{color:#fff;background-color:#e50914;border-color:#e50914}.browse-content{flex:1}.browse-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.browse-header h1{margin:0;font-size:2rem}.results-count{color:#888}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.browse-grid .movie-card{width:100%!important}.browse-grid .movie-card-skeleton{aspect-ratio:2/3;height:auto;width:100%!important}.browse-empty{text-align:center;color:#888;padding:50px}.browse-end{text-align:center;color:#888;padding:40px 0;font-style:italic}@media (max-width:768px){.browse-page{padding-top:80px}.browse-container{flex-direction:column;gap:20px}.browse-sidebar{box-sizing:border-box;z-index:10;background-color:#0000;border-bottom:1px solid #ffffff0d;border-radius:0;flex:none;width:calc(100% + 40px);margin:0 -20px;padding:0 20px 16px;position:relative;top:0}.browse-sidebar h3{color:#aaa;border-bottom:none;margin-bottom:10px;padding-bottom:0;font-size:.95rem}.genre-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding-bottom:8px;overflow-x:auto}.genre-pill-btn{white-space:nowrap;padding:6px 14px;font-size:.85rem}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.browse-header{margin-bottom:20px}.browse-header h1{font-size:1.5rem}}