/* Right section styling */
.search-section {
  margin-left:16rem ;
}

/* Section Title */
.section-title {
  font-size: 1.5rem; 
  font-weight: bold;  
  padding: 1rem 0.5rem;
  color: white;
}

/* Track List */
.track-list {
  border-top: 1px solid #2d2d2d;
}

.track-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0; 
}

.track-link {
  text-decoration: none; 
}

.track-details {
  display: flex;
  align-items: center;
  gap: 1rem; 
}

.track-image {
  width: 3rem; 
  height: 3rem; 
}

.track-name {
  font-size: 1rem;
  font-weight: 500; 
  color: white;
}

.track-artist {
  font-size: 0.75rem; 
  color: #9ca3af; 
}

.track-duration {
  color: #9ca3af;
}

@media screen and (max-width:768px) {
  .search-section{
    margin: 0px;
    padding: 0.5rem;
  }
}