/*
 * cassiopeia_my_cassiopeia — user.css
 *
 * Добавляем позицию mid между comp и bot-a в CSS Grid Cassiopeia.
 */

@supports (display: grid) {

    /* Мобильные (по умолчанию) */
    .site-grid {
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a  top-a  top-a  top-a  ."
            ". top-b  top-b  top-b  top-b  ."
            ". comp   comp   comp   comp   ."
            ". side-r side-r side-r side-r ."
            ". side-l side-l side-l side-l ."
            ". mid    mid    mid    mid    ."
            ". bot-a  bot-a  bot-a  bot-a  ."
            ". bot-b  bot-b  bot-b  bot-b  .";
    }

    /* Десктоп >= 992px */
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
                ". banner banner banner banner ."
                ". top-a  top-a  top-a  top-a  ."
                ". top-b  top-b  top-b  top-b  ."
                ". side-l comp   comp   side-r ."
                ". mid    mid    mid    mid    ."
                ". bot-a  bot-a  bot-a  bot-a  ."
                ". bot-b  bot-b  bot-b  bot-b  .";
        }
    }

    /* Назначаем нашему контейнеру область mid */
    .container-mid {
        grid-area: mid;
    }

}