/* ===============================
   MUSIC FM - MAIN LAYOUT
================================ */

.mf-page{
    min-height:100vh;
    background:
        radial-gradient(circle at top right, rgba(89,199,255,.22), transparent 32%),
        linear-gradient(180deg, #f7fbff 0%, #edf4fb 100%);
}

.mf-section{
    padding:70px 0;
}

.mf-section-sm{
    padding:40px 0;
}

.mf-grid{
    display:grid;
    gap:24px;
}

.mf-grid-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.mf-grid-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.mf-grid-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
}

.mf-main-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 360px;
    gap:32px;
    align-items:start;
}

.mf-sidebar{
    position:sticky;
    top:24px;
}

@media(max-width:1000px){

    .mf-main-layout{
        grid-template-columns:1fr;
    }

    .mf-sidebar{
        position:static;
    }

    .mf-grid-4{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:700px){

    .mf-section{
        padding:45px 0;
    }

    .mf-grid-2,
    .mf-grid-3,
    .mf-grid-4{
        grid-template-columns:1fr;
    }

    .container{
        width:calc(100% - 22px);
    }
}