/* ============================================
Custom category banner
============================================ */

/* Allow the container to wrap so the banner can occupy its own row */
body.tax-product_cat .ast-container {
	flex-wrap: wrap;
}

.wk-category-banner {
	flex: 1 0 100%;   /* full width, forces primary+secondary onto the next line */
	order: -1;        /* visually first, regardless of DOM position */
	margin-bottom: 2rem;
}

.wk-category-banner__img {
	width: 100%;
	height: auto;
	max-height: 300px;
	object-fit: cover;
	display: block;
}