/**
 * Shanelle Collection Archive Page Layout
 *
 * Compact title + related navigation (full-bleed hero removed).
 */

.collection-page {
	padding-block: var(--space-4) var(--space-8);
}

.collection-page__container {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	width: 100%;
	max-width: none;
}

.collection-page__header {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
}

.collection-page__type {
	margin: 0;
}

.collection-page__title {
	margin: 0;
}

.collection-page__description {
	max-width: 48rem;
	margin: 0;
}

.collection-page__description :where(p) {
	margin: 0 0 var(--space-2);
}

.collection-page__description :where(p:last-child) {
	margin-bottom: 0;
}

.collection-page__count {
	margin: 0;
}

.collection-page__related-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.collection-page__related-link {
	display: inline-flex;
	align-items: center;
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--color-border-subtle);
	border-radius: var(--radius-pill);
	background-color: var(--color-surface);
	color: var(--color-text);
	font-size: var(--font-size-sm);
	text-decoration: none;
	transition: var(--transition-colors);
}

.collection-page__related-link:hover,
.collection-page__related-link:focus-visible {
	border-color: var(--color-brand-300);
	color: var(--color-brand-700);
}

.collection-page__related-link.is-active {
	border-color: var(--color-brand-400);
	background-color: var(--color-brand-50);
	color: var(--color-brand-800);
}