/*
 * Flavor Explorer specific overrides.
 * Ensures the hero block renders like the Gutenberg preview by
 * escaping the global .page-layout width clamp and sizing columns.
 */
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout {
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	overflow:visible;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > * {
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-group:first-of-type,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type {
	max-width:1300px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	width:100%;
	margin-bottom:clamp(0.5rem, 1vw, 1.5rem);
	padding-bottom:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type {
	max-width:1300px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	width:100%;
	display:grid;
	grid-template-columns:minmax(0, 1fr) clamp(360px,45vw,620px) !important;
	grid-template-areas:"content media";
	align-items:center;
	gap:clamp(1.5rem,3vw,3rem);
	padding:0;
	background:none;
	border-radius:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type .wp-block-media-text__content {
	padding:0;
	grid-area:content;
	text-align:left;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type .wp-block-media-text__media {
	justify-self:flex-end;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	grid-area:media;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type .wp-block-media-text__media img {
	width:100%;
	height:auto;
	max-width:clamp(360px,45vw,620px);
	aspect-ratio:852/938;
	object-fit:contain;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type {
	align-items:stretch;
	gap:clamp(1.5rem,3vw,3rem);
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column {
	flex:1 1 50%;
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child {
	order:2;
	display:flex;
	align-items:stretch;
	justify-content:flex-end;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child figure {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child figure img {
	height:100%;
	width:auto;
	max-width:100%;
	object-fit:contain;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child .offset-left {
	width:100% !important;
	max-width:clamp(360px,45vw,620px) !important;
	transform:none;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:last-child {
	order:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:left;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns {
	align-items:flex-start;
	gap:clamp(1.5rem,3vw,3rem);
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks {
	display:flex;
	flex-wrap:nowrap;
	gap:clamp(2rem,4vw,4rem);
	align-items:flex-start;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column {
	flex:1 1 50% !important;
	display:flex;
	flex-direction:column;
	gap:1rem;
	text-align:left;
	align-self:flex-start;
	padding-top:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column.is-vertically-aligned-center,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column.is-vertically-aligned-bottom,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column.is-vertically-aligned-center,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column.is-vertically-aligned-bottom {
	align-self:flex-start;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column > *:first-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column h2:first-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column > .wp-block-group:first-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column > *:first-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column h2:first-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column > .wp-block-group:first-child {
	margin-top:0;
	padding-top:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks .wp-block-column:last-child,
body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks .wp-block-column:last-child {
	flex:1 1 50%;
	align-items:flex-start;
	justify-content:flex-start;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout figure {
	margin:0;
}

body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout img {
	width:100%;
	height:auto;
	display:block;
}

#flavor-explorer {
	min-height:60vh;
}

@media (max-width:899px) {
	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type {
		grid-template-columns:1fr !important;
		grid-template-areas:"content" "media";
		text-align:center;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type .wp-block-media-text__media {
		justify-self:center;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-media-text:first-of-type .wp-block-media-text__content {
		text-align:center;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child,
	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:last-child {
		order:unset;
		width:100%;
		justify-content:center;
		text-align:center;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child figure {
		max-width:320px;
		margin-left:auto;
		margin-right:auto;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.list-checkmarks,
	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout .wp-block-columns.has-list-checkmarks {
		flex-wrap:wrap;
	}

	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child figure,
	body:is(.page-template-page-flavor-explorer,.flavor-explorer-template) .page-layout > .wp-block-columns:first-of-type .wp-block-column:first-child figure img {
		height:auto;
		width:100%;
		max-width:360px;
		margin-left:auto;
		margin-right:auto;
	}
}