/* MIM Category Hero — "01 Hero" of the product category archive.
   Defaults use :where() so Elementor style controls ({{WRAPPER}} .x) always win. */
.mim-w-category-hero :where(.mim-chero) {
	display: flex;
	flex-direction: column;
	gap: clamp(28px, 5vh, 48px);
}
.mim-w-category-hero :where(.mim-chero__crumbs ol) { line-height: normal; }
.mim-w-category-hero :where(.mim-chero__grid) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: clamp(32px, 5vw, 72px);
	align-items: end;
}
.mim-w-category-hero :where(.mim-chero__content) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	min-width: 0;
}
.mim-w-category-hero :where(.mim-chero__title) { max-width: 9em; }
.mim-w-category-hero :where(.mim-chero__buttons .mim-btn--outline) { gap: 10px; }

.mim-w-category-hero.mim-chero--image-left .mim-chero__media { order: -1; }
.mim-w-category-hero.mim-chero--no-image .mim-chero__grid { grid-template-columns: minmax(0, 1fr); }

.mim-w-category-hero :where(.mim-chero__media) { aspect-ratio: 4 / 3; width: 100%; min-width: 0; background: #ffffff; border-radius: var(--mim-radius); overflow: hidden; box-shadow: 0 18px 40px -12px rgba(20, 40, 74, .14); }
/* beat `.elementor img { height:auto }` */
.mim-w-category-hero .mim-chero__media > img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; padding: 0; box-sizing: border-box; }