/* Fixed header: anchor links land below the nav */
html {
	scroll-padding-top: 5.5rem;
}

@media (min-width: 768px) {
	html {
		scroll-padding-top: 6.5rem;
	}
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-size: 2rem;
}

body {
	font-family: 'Manrope', sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #fff;
}

h1, h2, h3, .serif {
	font-family: 'Noto Serif', serif;
}

.tonal-transition {
	transition: background-color 0.5s ease;
}

.editorial-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

/* Shared page surface */
.bg-surface {
	background-color: #fff !important;
}

/* Framed pages: white body with section cards */
.shift52-framed-page {
	background: #fff;
}

.shift52-framed-page > section {
	background: rgb(245 245 245) !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
	overflow: visible;
}

@media (min-width: 768px) {
	.shift52-framed-page > section {
		margin-bottom: 15px;
	}
}

/* Home: featured product block (Reflection + Journal) — subtle editorial frame */
.shift52-home-product-editorial {
	background: linear-gradient(
		180deg,
		rgb(245 243 240 / 0.98) 0%,
		rgb(251 249 246) 38%,
		rgb(234 232 229 / 0.55) 100%
	);
}

/* WooCommerce: offset fixed header + calmer width */
body.woocommerce #primary,
body.woocommerce-page #primary {
	padding-top: clamp(5.25rem, 11vw, 6.5rem);
}

.shift52-wc-shell .woocommerce {
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
}

body:not(.shift52-checkout-page) .shift52-wc-checkout-main .woocommerce {
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
}