/* =============================================================================
   PRODUCT CATEGORY ARCHIVE
   ============================================================================= */

/* =============================================================================
   PAGE HEADER -- floating editorial typography, no card
   ============================================================================= */

.product-category-header {
	padding-top:    25px;
	padding-bottom: 50px;
}

.product-category-header__title {
	color:         var(--color-accent);
	margin-bottom: 5px;
}

.product-category-header__desc {
	color:       var(--color-text-secondary);
	line-height: var(--leading-relaxed);
	max-width:   700px;
	margin:      0;
}

.product-category-header__desc p {
	margin-top:    0;
	margin-bottom: 12px;
}

.product-category-header__desc p:last-child {
	margin-bottom: 0;
}

/* =============================================================================
   PRODUCT GRID
   ============================================================================= */

.product-category-grid {
	padding-top:    0;
	padding-bottom: 100px;
}

.product-category-grid__empty {
	color: var(--color-text-secondary);
}

/* ---- Cards grid ---- */

.product-category-cards {
	display:               grid;
	grid-template-columns: repeat(2, 1fr);
	gap:                   25px;
}

/* =============================================================================
   RESPONSIVE -- 600px
   ============================================================================= */

@media ( max-width: 600px ) {

	.product-category-header {
		padding-bottom: 64px;
	}

	.product-category-grid {
		padding-bottom: 64px;
	}

	.product-category-cards {
		grid-template-columns: 1fr;
	}

}