/* Reduce the hero background image height by 25% (matching Home's new size) and
   apply the same height uniformly across Home and all category/section pages
   plus every individual recipe page, which previously each had their own
   inconsistent hero heights. */
.elementor-element-ed34d49 > .elementor-container,
.elementor-element-d4c716a > .elementor-container,
.elementor-element-7044a33 > .elementor-container,
.elementor-element-0d1a038 > .elementor-container,
.elementor-element-61587af > .elementor-container,
.elementor-element-12b806a > .elementor-container {
	min-height: 315px !important;
}

@media (max-width: 1024px) {
.elementor-element-ed34d49 > .elementor-container,
.elementor-element-d4c716a > .elementor-container,
.elementor-element-7044a33 > .elementor-container,
.elementor-element-0d1a038 > .elementor-container,
.elementor-element-61587af > .elementor-container,
.elementor-element-12b806a > .elementor-container {
	min-height: 248px !important;
}
/* Home has no native section padding, but the other 5 groups natively carry
   70px top / 10px bottom padding on the SECTION itself (separate from the
   container's min-height above), which silently made their hero taller than
   Home's even with matching min-height. Zero it so all 6 groups render at
   the exact same total height. */
.elementor-element-d4c716a,
.elementor-element-7044a33,
.elementor-element-0d1a038,
.elementor-element-61587af,
.elementor-element-12b806a {
	padding: 0 !important;
}
}

/* iPhone 13 Pro / phone widths: doubled back to 248px so mobile matches the
   tablet height uniformly across every page. Same native-padding override as
   above (64px top at this breakpoint) is needed here too. All 6 groups get
   padding-top equal to the header search bar's height, plus centered
   alignment, so the (now much larger) title sits centered in the space
   between the bottom of the search bar and the bottom of the hero image
   instead of overlapping the header or hugging the very bottom edge. */
@media (max-width: 767px) {
.elementor-element-d4c716a,
.elementor-element-7044a33,
.elementor-element-0d1a038,
.elementor-element-61587af,
.elementor-element-12b806a {
	padding: 0 !important;
}
.elementor-element-ed34d49 > .elementor-container,
.elementor-element-d4c716a > .elementor-container,
.elementor-element-7044a33 > .elementor-container,
.elementor-element-0d1a038 > .elementor-container,
.elementor-element-61587af > .elementor-container,
.elementor-element-12b806a > .elementor-container {
	min-height: 248px !important;
	box-sizing: border-box !important;
	padding-top: 62px !important;
	align-items: center !important;
}
}