/* Sprint 2.8.15 — keep foreign-profile context panels before the feed on responsive layouts. */

@media (max-width: 900px) {
    .cs2724-foreign-profile .perfil-datos > .cs2729-foreign-layout.cs288-musician-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .cs2724-foreign-profile .cs288-musician-layout > .cs288-musician-left {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .cs2724-foreign-profile .cs288-musician-layout > .cs288-musician-explore {
        display: block !important;
        position: static !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        min-width: 0 !important;
    }

    .cs2724-foreign-profile .cs288-musician-layout > .cs2729-foreign-feed {
        grid-column: 1 !important;
        grid-row: 3 !important;
        min-width: 0 !important;
    }
}

@media (max-width: 1190px) {
    .cs289-external-layout {
        grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) !important;
        grid-template-areas:
            "left right"
            "main main" !important;
    }

    .cs289-external-layout > .cs289-external-sidebar--left {
        grid-area: left !important;
    }

    .cs289-external-layout > .cs289-external-sidebar--right {
        grid-area: right !important;
    }

    .cs289-external-layout > .cs289-external-main {
        grid-area: main !important;
    }
}

@media (max-width: 760px) {
    .cs289-external-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "left"
            "right"
            "main" !important;
    }
}