@media (max-width: 680px) {
    .catalog-section {
        overflow: hidden;
    }

    .release-row {
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }

    .catalog-section .release-row::before,
    .release-list .release-row::before {
        left: 24px;
        right: auto;
        top: 92px;
        width: min(260px, 76vw);
    }

    .release-thumb {
        position: relative;
        width: min(132px, 44vw);
        margin-left: 8px;
        margin-bottom: -18px;
        z-index: 1;
    }

    .catalog-section .release-body,
    .release-list .release-body {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        margin-left: 0;
        padding: 32px 14px 16px;
    }

    .track-line {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        font-size: 1rem;
    }

    .track-duration {
        display: none;
    }

    .track-duration-mobile {
        display: inline;
        color: var(--muted);
        font-size: 0.9em;
        font-variant-numeric: tabular-nums;
    }

    .release-platforms {
        justify-content: flex-start;
        gap: 8px;
    }

    .release-platforms a {
        width: 34px;
        min-height: 34px;
    }

    .release-platforms img {
        width: 24px;
        height: 24px;
    }
}