/*
 * Keep the ModernBlack category background full-bleed on every category URL,
 * while the inner grid remains constrained by category.css.
 */
.catalog-category-view .main-container,
.catalog-category-view .main,
.catalog-category-view .col-main,
.catalog-category-view .col1-layout .col-main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.catalog-category-view .main-container,
.catalog-category-view .main {
    overflow: visible;
}

/* Match the breadcrumb row to the same centered width as the category/menu content. */
.catalog-category-view .breadcrumbs {
    width: min(1440px, calc(100% - 48px));
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.catalog-category-view .mb-category-preview {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 700px) {
    .catalog-category-view .breadcrumbs {
        width: calc(100% - 28px);
    }
}