.section-head-new {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
      padding: 15px;
    }

    .content-grid-new {
      display: grid;
      grid-template-columns: 1.45fr .75fr;
      gap: 20px;
      align-items: start;
    }
   /* .glass-new {
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
    }*/

    .track-list-new, .side-card-new {
      padding: 10px;
    }

    .search-box-new {
      width: 100%;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.08);
      color: var(--text);
      padding: 14px 16px;
      border-radius: 16px;
      outline: none;
      margin-bottom: 12px;
    }

    .search-box-new::placeholder { color: rgba(255,255,255,.45); }

    .chart-row-new {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 8px;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .chart-row-new:last-child { border-bottom: 0; }
    .chart-row-new strong { font-size: 15px; }
    .chart-row-new span { color: var(--muted); font-size: 13px; }

    .badge-new {
      display: inline-flex;
      padding: 6px 9px;
      border-radius: 999px;
      background: rgba(255,61,139,.15);
      color: var(--soft);
      font-size: 12px;
      font-weight: 900;
      border: 1px solid rgba(255,61,139,.22);
    }
      .badge-playlist {
      display: inline-flex;
      padding: 6px 9px;
      color: var(--soft);
      font-size: 28px;
      font-weight: 900;
    }

     .moods {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 14px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
    }

    .mood {
      position: relative;
      overflow: hidden;
      min-height: 158px;
      border-radius: var(--radius);
      padding: 20px;
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at 80% 10%, rgba(255,255,255,.16), transparent 30%),
        linear-gradient(145deg, rgba(255,61,139,.16), rgba(255,255,255,.055));
      cursor: pointer;
      transition: transform .2s ease, border .2s ease;
    }
    .section-head-new p.sub {
      margin: 8px 0 0;
      color: var(--muted);
      max-width: 620px;
      line-height: 1.6;
    }

.chart-row-new .track-card .play-btn{
position: relative;
bottom: 20px;
}
.trackTitles-top{
  position: relative;
  bottom: 10px;
  font-size: 15px;
}

  
#play-btn-new-1, 
#play-btn-new-2, 
#play-btn-new-3, 
#play-btn-new-4, 
#play-btn-new-5 {
  position: relative;
  bottom: 18px;
}
    .mood:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.28); }
    .mood .icon { font-size: 30px; }
    .mood h4 { margin: 18px 0 6px; font-size: 20px; }
    .mood p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.45; }

    @media (max-width: 980px) {
     
      .now-card { min-height: auto; }
         .chart-row-new {
      display: block;
      width: 100%;
    }
    }

    @media (max-width: 640px) {
      .container-new { width: min(100% - 20px, var(--max)); }
      .stats-new { grid-template-columns: 1fr; }
      .section-head-new { align-items: start; flex-direction: column; }
      .track-meta-new { display: none; }
      .content-grid-new{grid-template-columns: repeat(1,1fr);}

        .chart-row-new {
      display: block;
      width: 100%;
    }
    .chart-row-new .track-card{
      display: block;
      width: 100%;
     }
.chart-row-new .track-card .play-btn{
bottom: 62px;
left: 250px;
}
#play-btn-new-1, 
#play-btn-new-2, 
#play-btn-new-3, 
#play-btn-new-4, 
#play-btn-new-5 {
  bottom: 62px;
left: 270px;
}
    }