.playlist-container{display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;gap:2rem;margin:2rem auto;max-width:1200px}.playlist-info{border-radius:12px;color:#fff;flex:1 1 300px;font-family:Poppins,sans-serif;max-width:400px;padding:2rem}.playlist-info--orange{background:linear-gradient(135deg,#e55b2d,#c6431e 50%,#7a2511)}.playlist-info--blue{background:linear-gradient(135deg,#4d849a,#3a6d80 50%,#264c57)}.playlist-info div,.playlist-info h2,.playlist-info p,.playlist-info span{font-family:inherit}.playlist-thumbnail img{border-radius:8px;display:block;height:auto;max-width:100%;transition:transform .3s ease;width:100%}.playlist-thumbnail:hover img{transform:scale(1.05)}.playlist-info h2{color:#fff;font-size:1.8rem;margin:1.5rem 0 1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.playlist-info div,.playlist-info p{font-size:1rem;line-height:1.6}.button-wrapper{margin-top:1.5rem}.video-list{display:flex;flex:2 1 600px;flex-direction:column;gap:1rem}.video-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:.5rem;transition:background .2s}.video-thumbnail{border-radius:6px;flex-shrink:0;height:113px;overflow:hidden;position:relative;width:200px}.video-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.video-duration{background:rgba(0,0,0,.75);border-radius:4px;bottom:6px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 6px;position:absolute;right:6px}.video-text{flex:1}.video-text h3{font-size:1rem;margin:0 0 4px}.video-item:hover{background:#ececec;cursor:pointer}@media (max-width:640px){.video-item{align-items:flex-start;flex-direction:column;padding:.5rem .5rem .25rem}.video-thumbnail,.video-thumbnail img{height:auto;width:100%}.video-thumbnail img{aspect-ratio:16/9}.video-duration{bottom:8px;font-size:.75rem;right:8px}.video-item .video-text{margin-top:0;padding-top:0;width:100%}.video-item .video-text h3{font-size:1rem;line-height:1.4;margin-bottom:.75rem;margin-top:0}.video-list{gap:.5rem}}