/**
 * Daniel Roe Collection Clarity v1.0.1
 * Scoped to the Collection page so no shop or product-page cards are altered.
 */

.page-id-16 .drcc-collection-guide {
	border-bottom: 1px solid rgba(28, 28, 26, 0.12);
	background: #f7f4ed;
}

.page-id-16 .drcc-collection-guide-inner {
	display: flex;
	align-items: baseline;
	gap: 1rem 1.5rem;
	padding-top: 16px;
	padding-bottom: 16px;
}

.page-id-16 .drcc-collection-guide strong {
	flex: 0 0 auto;
	font-size: 0.69rem;
	font-weight: 600;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.page-id-16 .drcc-collection-guide span {
	color: rgba(28, 28, 26, 0.67);
	font-size: 0.82rem;
	line-height: 1.45;
}

.page-id-16 .product-card > a {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.page-id-16 .product-card-media img {
	object-position: center 56%;
}

.page-id-16 .product-card-info {
	flex: 1 1 auto;
	align-items: flex-start;
}

.page-id-16 .product-card-info > div {
	min-width: 0;
}

.page-id-16 .product-card-info .drcc-formats {
	margin: 11px 0 0;
	color: rgba(28, 28, 26, 0.76);
	font-size: 0.68rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.45;
	text-transform: none;
}

.page-id-16 .product-card-info .drcc-formats span {
	display: block;
	margin-bottom: 4px;
	color: rgba(28, 28, 26, 0.48);
	font-size: 0.59rem;
	font-weight: 600;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.page-id-16 .collection-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 22px;
		row-gap: 34px;
	}

	/* Experience's two-column feature rule still spans every third card.
	 * Reset it so all eight families use the same compact four-column grid. */
	.page-id-16 .collection-grid .product-card:nth-child(3n) {
		grid-column: auto;
		width: auto;
		margin-inline: 0;
	}

	.page-id-16 .product-card-media {
		aspect-ratio: 1.28 / 1;
	}

	.page-id-16 .product-card-info {
		min-height: 114px;
		padding: 14px 1px 0;
		gap: 8px;
	}

	.page-id-16 .product-card-info h2 {
		font-size: clamp(1.9rem, 2.35vw, 2.3rem);
		line-height: 1;
	}

	.page-id-16 .product-card-info > div > p:not(.drcc-formats) {
		margin-top: 7px;
		font-size: 0.61rem;
		line-height: 1.4;
	}

	.page-id-16 .product-card-info .round-arrow {
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		margin-top: 1px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.page-id-16 .collection-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 50px;
	}
}

@media (max-width: 767px) {
	.page-id-16 .drcc-collection-guide-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.page-id-16 .product-card-info .drcc-formats {
		font-size: 0.72rem;
	}
}