.scroll-container{white-space:nowrap;scrollbar-width:none;align-items:center;gap:12px;width:95%;margin-top:13px;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{display:none}.option{cursor:pointer;background-color:#222327;border-radius:8px;flex-shrink:0;padding:10px 40px;font-size:14px;font-weight:500;transition:background .2s,transform .15s}.option:hover{background-color:#27ae60;transform:translateY(-2px)}.option.active{color:#fff;background-color:#2ecc71}@media (min-width:1420px){.scroll-container{justify-content:space-between}.option{padding:10px 3.7%}}
.recommended-container{width:95%;margin-top:10px}.recommended-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.sub-header{font-size:25px;font-weight:600}.recommended-link{color:#2ecc71;cursor:pointer;font-size:15px;text-decoration:underline;transition:color .2s}.recommended-link:hover{color:#27ae60}.genres-container{gap:15px;margin-bottom:15px;display:flex}.recommended-cards{background-position:50%;background-size:cover;border-radius:15px;flex-direction:column;flex:1;justify-content:flex-end;height:300px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.recommended-cards:hover{transform:scale(1.03);box-shadow:0 10px 25px #00000080}.recommended-cards .info{background:linear-gradient(#0000 0%,#000000d9 100%);border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex;position:relative}.recommended-cards .category{text-align:left;font-size:20px;font-weight:600}.recommended-cards .description{color:#ccc;text-align:left;font-size:12px}.recommended-cards .btn{cursor:pointer;color:#131519;background:#fff;border:none;border-radius:8px;padding:10px 17px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:background .2s}.recommended-cards .btn:hover{background:#27ae60}.big-card{flex:2}.small-card{flex:1}@media (max-width:808px){.sub-header{font-size:18px}.hide{display:none}.recommended-cards{border-radius:8px;height:245px}.recommended-cards .info{padding:12px}.small-card{height:220px}.genres-container{gap:6px}.first-genre-container{margin-bottom:8px}}