/**
 * Homepage and other layout-preserved imports — let Shopify theme CSS control layout.
 * Font stacks come from live theme :root variables (--font--body, --font--title, --font--nav).
 */
.cms-page-main--theme {
	padding: 0;
	max-width: none;
}

.cms-page-main--theme .main {
	width: 100%;
	max-width: none;
	margin: 0;
}

.cms-page-main--theme .main::before {
	max-width: 100%;
}

/* Keep product-list / full-bleed widgets full-width; leave others centered. */
.cms-page-main--theme .main .cms-widget--product-list,
.cms-page-main--theme .main .cms-widget--density-wide,
.cms-page-main--theme .main .cms-widget--density-full {
	max-width: 100%;
}

.cms-page-main--theme .main .cms-turf-calc__title {
	font-family: var(--font--title, Montserrat, Arial, Helvetica, sans-serif);
}

/* Modern skin: live header/footer need theme CSS; keep main content isolated. */
body.skin-modern.cms-storefront--live-chrome .shopify-section-header,
body.skin-modern.cms-storefront--live-chrome .shopify-section-footer {
	position: relative;
	z-index: 3;
}

body.skin-modern.cms-storefront--live-chrome .cms-page-main {
	position: relative;
	z-index: 1;
	clear: both;
	isolation: isolate;
}

body.skin-modern.cms-storefront--live-chrome .header {
	overflow: visible;
}

body.skin-modern.cms-storefront--live-chrome .primary-nav .nav__sub {
	position: absolute;
}