/*
 * One content corridor for the header (logo, search, icons, menu), the breadcrumbs, the page content and the footer:
 * the same width on every page. On wide screens the corridor is 1472px (inner 1424px with the 24px side padding);
 * the container steps below that width are unchanged. The home page content had extra 32px side padding of its own
 * (lg:px-8), which made it narrower than the header; it is taken out so the home page uses the same corridor.
 */
@media (min-width: 96rem) {
    body .container,
    body .md\:container,
    body .lg\:container,
    body main .columns {
        max-width: 92rem;
    }
}
@media (min-width: 1024px) {
    body.cms-index-index .page-main .columns :is(.container, .md\:container, .lg\:container) {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
 * Pages with the "full width" page layout (class page-main-full-width on <main>, e.g. the brand category pages like
 * /hikvision-kameras.html): Hyvä does not give their .columns the container width, so the filter bar and the product list ran
 * across the whole window while the text blocks above sat in the corridor. Same corridor as every other page.
 */
main.page-main-full-width .columns {
    box-sizing: border-box;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 96rem) {
    main.page-main-full-width .columns {
        max-width: 92rem;
    }
}