/*  PAGE: DEFAULT no sidebar
//////////////////////////////////////////////////////////////////////////////*/

@layer layout {
    @media (min-width: 980px) {
        .page--default .section--main:has(.area--hero) .area--main,
        .page--default .section--main:has(.area--hero) .area--sidebar {
            grid-row: 2;
        }
        .page--default .area--main > * {
            grid-column: 5/-4;
            grid-template-columns: 1fr;
        }
        .page--default .area--main .nav-sidebar {
            grid-column: 2 / 5;
            grid-row: 1;
        }

        .page--default .area--sidebar {
            grid-column: 2/5;
            grid-template-columns: 1fr;
        }

        .page--default .area--bottom {
            grid-column: 2 /-2;
            display: grid;
            grid-template-columns: repeat(12, var(--size-column));
            column-gap: var(--size-gap);
        }
        .page--default .area--bottom > * {
            grid-column: 1/-1;
        }
    }
}