/* HetRoit Store Custom CSS */
body { 
    background-color: #121212; 
    color: #fff; 
    font-family: 'Segoe UI', sans-serif; 
    margin: 0;
}

.navbar-custom { 
    background-color: #000; 
    padding: 15px; 
    border-bottom: 1px solid #282828; 
    text-align: center;
}

.search-box { 
    background: #242424; 
    border: none; 
    color: #fff; 
    border-radius: 50px; 
    padding: 12px 25px; 
    width: 100%; 
    max-width: 500px;
    transition: 0.3s;
}

.search-box:focus { 
    background: #2a2a2a; 
    outline: 1px solid #1DB954; 
    color: #fff; 
    box-shadow: none; 
}

.song-card { 
    background: #181818; 
    border-radius: 12px; 
    padding: 15px; 
    transition: 0.3s; 
    cursor: pointer; 
    height: 100%; 
    border: 1px solid transparent;
}

.song-card:hover { 
    background: #282828; 
    border-color: #1DB954; 
    transform: translateY(-5px); 
}

.album-art { 
    width: 100%; 
    border-radius: 8px; 
    margin-bottom: 15px; 
    aspect-ratio: 1/1; 
    object-fit: cover; 
}

.btn-play { 
    background-color: #1DB954; 
    color: #000; 
    font-weight: bold; 
    border-radius: 50px; 
    width: 100%; 
    border: none; 
    padding: 8px; 
    margin-top: 10px;
    transition: 0.2s;
}

.btn-play:hover { 
    background-color: #1ed760; 
    transform: scale(1.05); 
}

.artist-txt { 
    color: #b3b3b3; 
    font-size: 14px; 
}