@import url("./base/tokens.css");
@import url("./base/reset.css");
@import url("./base/typography.css");
@import url("./base/global.css");
@import url("./layouts/container.css");
@import url("./layouts/grid.css");
@import url("./layouts/section.css");
@import url("./components/buttons.css");
@import url("./components/cards.css");
@import url("./components/content.css");
@import url("./components/forms.css");
@import url("./components/header.css");
@import url("./components/optimization.css");
@import url("./utilities/accessibility.css");
@import url("./utilities/helpers.css");
@import url("./pages/products-hub.css");
@import url("./pages/product-type.css");

@media (min-width: 80rem) {
	.bp-container {
		width: min(
			calc(100% - (2 * var(--bp-gutter))),
			calc(var(--bp-container-wide) + (4 * var(--bp-space-16)))
		);
	}

	:is(.bp-home-announcement, .bp-home-header, .bp-site-footer) .bp-container {
		width: min(calc(100% - (2 * var(--bp-gutter))), var(--bp-container));
	}
}