/**
 * Home Lazy Collections — reserve height via CSS vars on each placeholder
 * (--bp-hlc-mh-375 / --bp-hlc-mh-desk set inline from PHP; measured via REST).
 */
.bp-hlc {
	--bp-hlc-mh-375: 440px;
	--bp-hlc-mh-desk: 480px;
	min-height: var(--bp-hlc-mh-375);
	margin-bottom: 30px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.bp-hlc {
		min-height: var(--bp-hlc-mh-desk);
	}
}

.bp-hlc__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 0.75rem;
}

.bp-hlc__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	line-height: 1.3;
}

.bp-hlc__all {
	white-space: nowrap;
}

.bp-hlc.is-loading {
	opacity: 0.92;
}

.bp-hlc.is-loaded {
	min-height: 0;
}