/* =========================================================================
   Packgens — product catalogue (shop, category, tag, product search).
   ========================================================================= */

.pg-catalog__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--pg-space-md);
	margin-bottom: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

.pg-catalog__head .pg-section-head__title {
	margin: 0;
	text-align: center;
}

@media (min-width: 768px) {
	.pg-catalog__head {
		justify-content: center;
		position: relative;
	}

	.pg-catalog__tools {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* WooCommerce ordering select, restyled. */
.woocommerce-ordering select,
.pg-catalog__tools select {
	min-height: 2.75rem;
	font-size: var(--pg-text-xs);
	border-radius: var(--pg-radius-pill);
}

.woocommerce-ordering {
	margin: 0;
}

.pg-product-grid {
	align-items: stretch;
}

/* Card badges sit over the media, as in the Figma catalogue. */
.pg-product-card .pg-card__media {
	aspect-ratio: 4 / 3;
}

.pg-product-card .pg-card__body {
	gap: var(--pg-space-2xs);
}

.pg-product-card .pg-card__footer {
	align-items: center;
}

/* Result summary above search listings. */
.pg-search-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--pg-space-md);
	margin-bottom: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

.pg-search-summary p {
	margin: 0;
	color: var(--pg-color-muted);
	font-size: var(--pg-text-sm);
}

.pg-search--inline {
	max-width: 22rem;
	width: 100%;
}

/* Empty catalogue state keeps the page from collapsing. */
.pg-section--catalog .pg-empty {
	background: var(--pg-gray-100);
	border-radius: var(--pg-radius-md);
}