/**
 * Product category archive hero (ACF banner + intro), RTL-friendly.
 * Banner width = same content column as the shop grid (not edge-to-edge viewport).
 */

.nova-category-hero {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 1.5rem;
	clear: both;
}

.nova-category-hero__banner {
	width: 100%;
	line-height: 0;
	overflow: hidden;
}

.nova-category-hero__banner img,
.nova-category-hero__banner-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(420px, 55vw);
	object-fit: cover;
	object-position: center;
}

.nova-category-hero__intro {
	box-sizing: border-box;
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 4vw, 2.5rem);
	text-align: center;
	font-size: clamp(0.95rem, 2.2vw, 1.05rem);
	line-height: 1.65;
	color: rgb(122, 122, 122);
}

.nova-category-hero__intro p,
.nova-category-hero__intro li {
	color: inherit;
}

.nova-category-hero__intro p:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.nova-category-hero {
		margin-bottom: 0;
	}

	.nova-category-hero__banner img,
	.nova-category-hero__banner-img {
		max-height: none;
	}

	.nova-category-hero__intro {
		padding-top: 1rem;
		padding-bottom: 0.75rem;
	}

	/* Hero is before #primary in DOM; sidebar layout used row → hero sank below products. */
	body.tax-product_cat.ast-left-sidebar #content > .ast-container {
		display: flex;
		flex-direction: column;
	}
}