/* Start:/bitrix/templates/centino-training/components/bitrix/catalog.section.list/music_sections/style.css?17658663041547*/
/* Убираем растягивание изображений */
.music-album img {
    width: 100%;
    height: auto;
    max-width: 100%; /* Важно! */
    object-fit: contain; /* Или cover, если хотите обрезку */
    display: block;
}

/* Выравниваем высоту карточек в строке */
.music-album {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.music-album a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
    transition: transform 0.2s;
}

.music-album a:hover {
    transform: translateY(-4px);
}

/* Обертка для изображения — фиксируем высоту */
.music-album .image-wrapper {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    aspect-ratio: 1 / 1; /* Квадратные обложки — можно изменить */
    background-color: #f5f5f5;
}

.music-album .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Название под картинкой */
.music-album .name {
    margin-top: auto;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* End */
/* /bitrix/templates/centino-training/components/bitrix/catalog.section.list/music_sections/style.css?17658663041547 */