/* Основные стили для блока с музыкой */
.music-section {
    padding: 80px 0; /* Отступы сверху и снизу (можно изменить) */
    background-color: #f9f9f9; /* Цвет фона (можно изменить) */
}

.music_gallery .section_title h3 {
    font-size: 26px; /* Размер заголовка (можно изменить) */
    font-weight: bold; /* Жирный шрифт */
    color: #333; /* Цвет текста (можно изменить) */
    margin-bottom: 40px; /* Отступ снизу */
}

.music_field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff; /* Цвет фона блока */
    padding: 20px; /* Отступы внутри блока */
    border-radius: 12px; /* Скругление углов */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Тень */
    margin-bottom: 20px; /* Отступ между блоками */
}

.music_field .thumb img {
    border-radius: 8px; /* Скругление углов изображения */
    width: 120px; /* Ширина изображения */
    height: 120px; /* Высота изображения */
    object-fit: cover; /* Сохранение пропорций изображения */
}

.music_field .audio_name {
    flex-grow: 1; /* Расширение текстового блока */
    padding-left: 20px; /* Отступ слева */
}

.music_field .audio_name h4 {
    font-size: 18px; /* Размер заголовка песни (можно изменить) */
    font-weight: bold; /* Жирный шрифт */
    color: #333; /* Цвет текста */
    margin-bottom: 8px; /* Отступ снизу */
}

.music_field .audio_name p {
    font-size: 10px; /* Размер текста года (можно изменить) */
    color: #777; /* Цвет текста */
    margin-bottom: 12px; /* Отступ снизу */
}

audio {
    width: 100%; /* Ширина аудиоплеера */
    margin-top: 10px; /* Отступ сверху */
}

/* Адаптация для мобильных устройств */
@media (max-width: 767px) {
    .music-section {
        padding: 40px 0; /* Уменьшенные отступы для мобильных устройств */
    }

    .music_gallery .section_title h3 {
        font-size: 24px; /* Уменьшенный размер заголовка для мобильных устройств */
    }

    .music_field {
        flex-direction: column; /* Вертикальное расположение элементов */
        align-items: flex-start; /* Выравнивание по левому краю */
    }

    .music_field .thumb img {
        width: 100%; /* Ширина изображения на всю ширину */
        height: auto; /* Сохранение пропорций */
        margin-bottom: 16px; /* Отступ снизу */
    }

    .music_field .audio_name {
        padding-left: 0; /* Убираем отступ слева */
    }

    .music_field .audio_name h4 {
        font-size: 18px; /* Уменьшенный размер заголовка песни */
    }

    .music_field .audio_name p {
        font-size: 12px; /* Уменьшенный размер текста года */
    }
}