/* Keep the centered 1400px shell; remove repeated horizontal gutters. */
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .wrap,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) header.home-header .wrap,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) footer .wrap,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .hub-breadcrumb-wrap,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .company-cp-storefront > .wrap,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .company-cp-storefront .company-home-module,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .home-desktop-nav,
html[data-hub-ui] body.hub-public-shell:has(.showroom-overview) .cp56-catalog {
    width: 100% !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    box-sizing: border-box;
}
/* Add 50px to the navigation while the remaining column absorbs the change. */
@media (min-width: 1001px) {
    .company-cp-storefront .cp56-catalog {
        grid-template-columns: 280px minmax(0, 1fr);
    }
}
@media (min-width: 701px) and (max-width: 1000px) {
    .company-cp-storefront .cp56-catalog {
        grid-template-columns: 240px minmax(0, 1fr);
    }
}