/* Homepage only. Existing Theme palette, fonts, public shell and global widths remain untouched. */
.e-meniu-homepage,
.e-meniu-homepage-page-content,
.e-meniu-homepage-content { min-width: 0; }
.e-meniu-homepage-content {
	--e-meniu-homepage-content-max: 72rem;
	--e-meniu-homepage-section-space: 1.5rem;
	--e-meniu-homepage-grid-gap: 1rem;

	width: 100%; margin-inline: auto; overflow-wrap: anywhere;
}
.e-meniu-homepage-content > * { margin-block: 0; }
.e-meniu-homepage-content .e-meniu-homepage-section {
	width: min(100%, var(--e-meniu-homepage-content-max)); margin-inline: auto;
	padding: var(--e-meniu-homepage-section-space) var(--wp--custom--layout--page-padding);
}
.e-meniu-homepage-content h1,
.e-meniu-homepage-content h2,
.e-meniu-homepage-content h3 { text-wrap: pretty; }
/* Homepage-only heading sizes leave the shared Theme typography tokens unchanged. */
.e-meniu-homepage-content h2 { max-width: 25ch; margin-block: 0 var(--wp--preset--spacing--lg); font-size: clamp(1.75rem, calc(1.5rem + 1vw), 2.25rem); }
.e-meniu-homepage-content h3 { margin-block: 0 var(--wp--preset--spacing--sm); font-size: clamp(1.25rem, calc(1.15rem + .35vw), 1.375rem); line-height: 1.25; }
.e-meniu-homepage-content p { margin-block: 0 var(--wp--preset--spacing--md); }
.e-meniu-homepage-content .e-meniu-homepage-introduction { max-width: 38rem; margin-bottom: 1.25rem; font-size: clamp(1.0625rem, calc(1rem + .25vw), 1.125rem); }

.e-meniu-homepage-content .e-meniu-homepage-hero { display: grid; max-width: var(--e-meniu-homepage-content-max); margin-inline: auto; background: var(--wp--preset--color--surface); }
.e-meniu-homepage-content .e-meniu-homepage-hero-image { width: 100%; margin: 0; }
.e-meniu-homepage-content .e-meniu-homepage-hero-image img {
	width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 30% 35%; border-radius: 0;
}
.e-meniu-homepage-content .e-meniu-homepage-hero-copy { min-width: 0; margin: 0; padding: 1.5rem var(--wp--custom--layout--page-padding); }
.e-meniu-homepage-content .e-meniu-homepage-hero-copy h1 { margin: 0 0 var(--wp--preset--spacing--md); max-width: 18ch; font-size: clamp(2.25rem, calc(1.8rem + 2vw), 3rem); line-height: 1.08; }
.e-meniu-homepage-content .e-meniu-homepage-lead { max-width: 34rem; font-size: clamp(1.0625rem, calc(1rem + .25vw), 1.125rem); line-height: 1.5; }
.e-meniu-homepage-content .e-meniu-homepage-reassurance { margin: var(--wp--preset--spacing--md) 0 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--text); }
.e-meniu-homepage-content .e-meniu-homepage-link { margin-top: var(--wp--preset--spacing--md); }
.e-meniu-homepage-content .e-meniu-homepage-primary { text-decoration: none; }
.e-meniu-homepage-content .e-meniu-homepage-text-link { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 650; text-underline-offset: .25em; }

.e-meniu-homepage-content .e-meniu-homepage-families-grid,
.e-meniu-homepage-content .e-meniu-homepage-benefits-grid,
.e-meniu-homepage-content .e-meniu-homepage-hubs-grid,
.e-meniu-homepage-content .e-meniu-homepage-reviews-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e-meniu-homepage-grid-gap); align-items: stretch; }
.e-meniu-homepage-content .e-meniu-homepage-families-grid,
.e-meniu-homepage-content .e-meniu-homepage-hubs-grid { align-items: start; }
.e-meniu-homepage-content .e-meniu-homepage-card {
	display: flex; flex-direction: column; min-width: 0; margin: 0; overflow: hidden;
	border: 1px solid var(--wp--preset--color--border-subtle); border-radius: var(--wp--custom--radius--large);
	background: var(--wp--preset--color--surface); color: var(--wp--preset--color--text); text-decoration: none;
}
.e-meniu-homepage-content a.e-meniu-homepage-card:focus-visible { outline: 3px solid var(--wp--preset--color--olive); outline-offset: 4px; }
.e-meniu-homepage-content .e-meniu-homepage-card-image { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; }
.e-meniu-homepage-content .e-meniu-homepage-card-copy { position: relative; flex: 1; padding: var(--wp--preset--spacing--md); }
.e-meniu-homepage-content .e-meniu-homepage-card-copy > p:last-of-type { margin-bottom: 0; }
.e-meniu-homepage-content .e-meniu-homepage-micro-label { color: var(--wp--preset--color--olive); font-size: var(--wp--preset--font-size--small); font-weight: 650; }
.e-meniu-homepage-content a.e-meniu-homepage-family-card .e-meniu-homepage-card-copy,
.e-meniu-homepage-content a.e-meniu-homepage-hub-card .e-meniu-homepage-card-copy {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: start; align-items: start;
	column-gap: var(--wp--preset--spacing--sm);
}
.e-meniu-homepage-content a.e-meniu-homepage-family-card .e-meniu-homepage-micro-label { grid-area: 1 / 1 / auto / -1; }
.e-meniu-homepage-content a.e-meniu-homepage-family-card h3 { grid-area: 2 / 1; min-width: 0; }
.e-meniu-homepage-content a.e-meniu-homepage-family-card .e-meniu-homepage-card-copy > p:last-of-type { grid-area: 3 / 1 / auto / -1; }
.e-meniu-homepage-content a.e-meniu-homepage-family-card .e-meniu-homepage-arrow { grid-area: 2 / 2; }
.e-meniu-homepage-content a.e-meniu-homepage-hub-card h3 { grid-area: 1 / 1; min-width: 0; }
.e-meniu-homepage-content a.e-meniu-homepage-hub-card .e-meniu-homepage-card-copy > p:last-of-type { grid-area: 2 / 1 / auto / -1; }
.e-meniu-homepage-content a.e-meniu-homepage-hub-card .e-meniu-homepage-arrow { grid-area: 1 / 2; }
.e-meniu-homepage-content .e-meniu-homepage-arrow { display: block; position: static; color: var(--wp--preset--color--olive); font-size: 1.25rem; line-height: 1; }
.e-meniu-homepage-content .e-meniu-homepage-benefits-section { background: var(--wp--preset--color--surface-soft); }
.e-meniu-homepage-content .e-meniu-homepage-benefits-section > h2 { margin-bottom: var(--wp--preset--spacing--md); }
.e-meniu-homepage-content .e-meniu-homepage-benefit {
	min-width: 0; margin: 0; padding: var(--wp--preset--spacing--md);
	border: 1px solid var(--wp--preset--color--border-subtle); border-top: 2px solid var(--wp--preset--color--sage);
	border-radius: var(--wp--custom--radius--large); background: var(--wp--preset--color--surface);
}
.e-meniu-homepage-content .e-meniu-homepage-benefit > :last-child { margin-bottom: 0; }
.e-meniu-homepage-content .e-meniu-homepage-author-section { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--wp--preset--spacing--lg); }
.e-meniu-homepage-content .e-meniu-homepage-author-image { width: 100%; max-width: 16rem; margin: 0 auto; }
.e-meniu-homepage-content .e-meniu-homepage-author-image img { width: 100%; height: auto; border-radius: var(--wp--custom--radius--large); }
.e-meniu-homepage-content .e-meniu-homepage-author-copy { max-width: 36rem; margin: 0; }
.e-meniu-homepage-content .e-meniu-homepage-author-copy h3 { margin-top: 0; }
.e-meniu-homepage-content .e-meniu-homepage-credential { color: var(--wp--preset--color--olive); font-weight: 650; }
.e-meniu-homepage-content .e-meniu-homepage-reviews-section { background: var(--wp--preset--color--surface-soft); }
.e-meniu-homepage-content .e-meniu-homepage-review-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: var(--wp--preset--spacing--md); border-radius: var(--wp--custom--radius--large); background: var(--wp--preset--color--surface); }
.e-meniu-homepage-content .e-meniu-homepage-rating { margin-bottom: var(--wp--preset--spacing--xs); color: var(--wp--preset--color--olive); letter-spacing: .14em; }
.e-meniu-homepage-content .e-meniu-homepage-review-card blockquote { margin: 0 0 var(--wp--preset--spacing--sm); border: 0; padding: 0; font-size: var(--wp--preset--font-size--body); line-height: 1.55; white-space: pre-line; }
.e-meniu-homepage-content .e-meniu-homepage-review-card blockquote > p:last-child { margin-bottom: 0; }
.e-meniu-homepage-content .e-meniu-homepage-review-card figcaption { display: flex; flex-direction: column; margin-top: 0; gap: var(--wp--preset--spacing--2-xs); color: var(--wp--preset--color--text-muted); }
.e-meniu-homepage-content .e-meniu-homepage-review-card strong { color: var(--wp--preset--color--text); }
.e-meniu-homepage-content .e-meniu-homepage-translation { font-size: var(--wp--preset--font-size--small); }
.e-meniu-homepage-content .e-meniu-homepage-hub-card .e-meniu-homepage-card-image { aspect-ratio: 16 / 9; }
.e-meniu-homepage-content .e-meniu-homepage-faq-section { max-width: 44rem; }
.e-meniu-homepage-content .e-meniu-homepage-faq-section details { margin-block: var(--wp--preset--spacing--sm); }
.e-meniu-homepage-content .e-meniu-homepage-faq-section summary { overflow-wrap: anywhere; }
.e-meniu-homepage-content .e-meniu-homepage-setup { padding: var(--wp--preset--spacing--md); border: 1px solid var(--wp--preset--color--border-strong); }

@media (hover: hover) and (pointer: fine) {
	.e-meniu-homepage-content a.e-meniu-homepage-family-card {
		transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
		transform-origin: center;
	}
	.e-meniu-homepage-content a.e-meniu-homepage-card:hover { border-color: var(--wp--preset--color--olive); box-shadow: var(--wp--custom--shadow--card); }
	.e-meniu-homepage-content a.e-meniu-homepage-family-card:hover { position: relative; z-index: 1; transform: scale(1.02); }
}
@media (prefers-reduced-motion: reduce) {
	.e-meniu-homepage-content a.e-meniu-homepage-family-card,
	.e-meniu-homepage-content a.e-meniu-homepage-family-card:hover { transition: none; transform: none; }
}
@media (min-width: 48rem) {
	.e-meniu-homepage-content {
		--e-meniu-homepage-section-space: clamp(2.5rem, 4vw, 4rem);
		--e-meniu-homepage-grid-gap: 1.25rem;
	}
	.e-meniu-homepage-content .e-meniu-homepage-hero-image img { aspect-ratio: auto; }
	.e-meniu-homepage-content .e-meniu-homepage-hero-copy { padding-block: 2rem; }
	.e-meniu-homepage-content .e-meniu-homepage-reviews-grid,
	.e-meniu-homepage-content .e-meniu-homepage-hubs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.e-meniu-homepage-content .e-meniu-homepage-card-copy,
	.e-meniu-homepage-content .e-meniu-homepage-benefit { padding: 1.25rem; }
	.e-meniu-homepage-content .e-meniu-homepage-author-section { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 3vw, 3rem); }
	.e-meniu-homepage-content .e-meniu-homepage-author-image { max-width: 20rem; margin-inline: 0; }
	.e-meniu-homepage-content .e-meniu-homepage-review-card { padding: var(--wp--preset--spacing--lg); }
	.e-meniu-homepage-content .e-meniu-homepage-review-card figcaption { margin-top: auto; }
}
@media (min-width: 64rem) {
	.e-meniu-homepage-content .e-meniu-homepage-families-grid,
	.e-meniu-homepage-content .e-meniu-homepage-benefits-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.e-meniu-homepage-content .e-meniu-homepage-benefits-grid:has(> :nth-child(4)):not(:has(> :nth-child(5))) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 80rem) {
	.e-meniu-homepage-content .e-meniu-homepage-benefits-grid:has(> :nth-child(4)):not(:has(> :nth-child(5))) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.e-meniu-homepage-content .e-meniu-homepage-hero:not(.e-meniu-homepage-hero--stacked) > .e-meniu-homepage-hero-image { grid-area: 1 / 1; align-self: start; }
	.e-meniu-homepage-content .e-meniu-homepage-hero:not(.e-meniu-homepage-hero--stacked) > .e-meniu-homepage-hero-copy {
		grid-area: 1 / 1; align-self: start; justify-self: end; width: 48%; max-width: 32rem; margin: 1.5% 2% 0 0; padding: 0;
	}
	.e-meniu-homepage-content .e-meniu-homepage-hero:not(.e-meniu-homepage-hero--stacked) .e-meniu-homepage-hero-copy h1 { max-width: 20ch; }
	.e-meniu-homepage-content .e-meniu-homepage-hero:not(.e-meniu-homepage-hero--stacked) .e-meniu-homepage-lead { font-size: 1.125rem; }
	.e-meniu-homepage-content .e-meniu-homepage-hero--stacked .e-meniu-homepage-hero-copy { max-width: 44rem; }
}
/* Editing keeps text and native Media controls separate, including at wide editor sizes. */
.editor-styles-wrapper .e-meniu-homepage-content .e-meniu-homepage-hero { display: block; }
.editor-styles-wrapper .e-meniu-homepage-content .e-meniu-homepage-hero > .e-meniu-homepage-hero-copy { width: auto; max-width: none; margin: 0; padding: var(--wp--preset--spacing--xl); }
.editor-styles-wrapper .e-meniu-homepage-content .e-meniu-homepage-hub-card > button { align-self: flex-start; margin: var(--wp--preset--spacing--sm); }
.editor-styles-wrapper .e-meniu-homepage-content .e-meniu-homepage-editor-link { margin-block: var(--wp--preset--spacing--md); }