/* Montolit blocks — front-end styling. Inherits theme CSS variables when present. */
.montolit-hero {
	position: relative;
	display: grid;
	align-items: center;
	min-height: clamp(360px, 60vh, 620px);
	padding: clamp(2rem, 6vw, 6rem);
	background-color: var(--c-ink, #14161A);
	background-size: cover;
	background-position: center;
	color: var(--c-white, #fff);
}
.montolit-hero--overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(20,22,26,.78), rgba(20,22,26,.35));
}
.montolit-hero__inner { position: relative; max-width: 40rem; }
.montolit-hero__title {
	color: var(--c-white, #fff);
	font-size: clamp(2.25rem, 5vw, 4rem);
	line-height: 1.05;
	margin-bottom: 1rem;
}
.montolit-hero__subtitle { font-size: clamp(1.05rem, 2vw, 1.375rem); margin-bottom: 1.75rem; max-width: 34rem; }
.montolit-hero__cta,
.montolit-cta__button {
	display: inline-flex;
	align-items: center;
	padding: .9rem 1.75rem;
	background: var(--c-brand, #E2001A);
	color: var(--c-white, #fff);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	border-radius: var(--radius, 2px);
	transition: background 160ms ease;
}
.montolit-hero__cta:hover,
.montolit-cta__button:hover { background: var(--c-brand-dark, #B00014); color: #fff; }

.montolit-cta { padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius, 2px); }
.montolit-cta--light { background: var(--c-mist, #EEF1F4); color: var(--c-ink, #14161A); }
.montolit-cta--dark { background: var(--c-ink, #14161A); color: var(--c-white, #fff); }
.montolit-cta--dark .montolit-cta__title { color: var(--c-white, #fff); }
.montolit-cta__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
}
.montolit-cta__title { font-size: clamp(1.5rem, 3vw, 2.25rem); margin-bottom: .5rem; }
.montolit-cta__desc { max-width: 46ch; }

.montolit-product-grid { padding-block: clamp(1.5rem, 4vw, 3rem); }
.montolit-product-grid__heading { font-size: clamp(1.5rem, 3vw, 2.25rem); margin-bottom: 1.5rem; }
.montolit-product-grid--empty { padding: 1.5rem; background: var(--c-mist, #EEF1F4); border-radius: var(--radius, 2px); }