.playlist-section{background-color:#f8f9fa;padding:40px 0}.playlist-header{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:12px;box-shadow:0 5px 15px rgba(106,17,203,.2);color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px;position:relative}.playlist-header h2{color:#333;font-family:Playfair Display,serif}.playlist-header h2:after{background:linear-gradient(90deg,#6a11cb,#2575fc);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.playlist-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.playlist-card{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.playlist-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-5px)}.playlist-card-image{background-position:50%;background-size:cover;height:180px;position:relative}.playlist-card-overlay{align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.6));bottom:0;display:flex;left:0;padding:20px;position:absolute;right:0;top:0}.playlist-card-count{align-items:center;background-color:rgba(0,0,0,.5);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;padding:5px 10px}.playlist-card-count i{margin-right:5px}.playlist-card-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.playlist-card-title{color:#333;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}.playlist-card-subtitle{align-items:center;color:#6c757d;display:flex;font-size:14px;margin-bottom:12px}.playlist-card-subtitle i{color:#6a11cb;margin-right:5px}.playlist-card-description{color:#6c757d;flex-grow:1;font-size:14px;line-height:1.5;margin-bottom:15px}.playlist-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.playlist-card-link{align-items:center;color:#6a11cb;display:inline-flex;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.playlist-card-link:hover{color:#2575fc;text-decoration:none}.playlist-card-link i{margin-left:5px;transition:transform .2s}.playlist-card-link:hover i{transform:translateX(3px)}.playlist-card-date{color:#adb5bd;font-size:12px}@media (max-width:768px){.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.playlist-card-image{height:150px}}@media (max-width:576px){.playlist-grid{grid-template-columns:1fr}}.favorite-button{align-items:center;background:none;background-color:hsla(0,0%,100%,.8);border:none;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#ffc107;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:transform .2s,color .2s;width:36px;z-index:10}.favorite-button:hover{background-color:hsla(0,0%,100%,.9);transform:scale(1.1)}.favorite-button.active{color:#ffc107}.favorite-button.inactive{color:#ccc}.playlist-header h2{color:#fff;font-family:Montserrat,sans-serif;font-weight:700;margin:0;position:relative}.playlist-header h2:after{display:none}.favorite-count{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;padding:8px 15px}.favorite-count i{color:#ffc107;font-size:16px;margin-right:8px}