<!-- Music Player -->
<div class="music-player">
    <div class="player-song-info">
        <div class="player-cover">
            <i class="fas fa-music"></i>
        </div>
        <div class="player-details">
            <div class="player-title">خاطرات تو</div>
            <div class="player-artist">محسن یگانه</div>
        </div>
    </div>

    <div class="player-progress">
        <div class="progress-bar">
            <div class="progress"></div>
        </div>
        <div class="progress-time">
            <div class="current-time">1:23</div>
            <div class="total-time">3:45</div>
        </div>
    </div>

    <div class="player-controls">
        <div class="player-btn prev">
            <i class="fas fa-step-backward"></i>
        </div>
        <div class="player-btn play">
            <i class="fas fa-pause"></i>
        </div>
        <div class="player-btn next">
            <i class="fas fa-step-forward"></i>
        </div>
    </div>

    <div class="player-volume">
        <div class="volume-icon">
            <i class="fas fa-volume-up"></i>
        </div>
        <div class="volume-slider">
            <div class="volume-level"></div>
        </div>
    </div>
</div>