/**
 * Catalog list & filter layout
 */

@media screen and (min-width: 768px) {
    .catalogWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: start;
    }

    .catalogFilter {
        margin-right: 2em;
    }

    .no-flexbox .catalogFilter,
    .no-flexbox .catalogList {
        display: inline-block;
        vertical-align: top;
    }
}

.catalogList--empty {
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.catalogList__notice {
    max-width: 30em;
    margin: auto;
    text-align: center;
    color: #aaa;
}

.catalogList--empty .catalogList__noticeTitle {
    color: inherit;
}

.catalogList__notice a {
    color: #333;
}

.catalogList {
    width: 100%;
    max-width: 60em;
    margin: 0 0 0 auto;
    padding: 1em;
    overflow: hidden;
    list-style: none;
}