/* Component: collection-hero — category page band, quick chips, products bar, info + FAQ
   (design-reference/canvas/Collection.dc.html). */

.mx-collection-hero { background: var(--mx-sage); border-bottom: 1px solid var(--mx-line); }
.mx-collection-hero__inner { display: flex; flex-direction: column; gap: var(--mx-space-5); padding-top: var(--mx-space-8); padding-bottom: var(--mx-space-12); }
.mx-collection-hero__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--mx-space-10); }
.mx-collection-hero__copy { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.mx-collection-hero__title { font-size: var(--mx-h1); line-height: 1.05; }
.mx-collection-hero__intro { margin: 0; font-size: var(--mx-text-lg); line-height: 1.6; color: var(--mx-ink-soft); max-width: 36em; }
.mx-collection-hero__packs { display: flex; align-items: flex-end; gap: var(--mx-space-3); }
.mx-collection-hero__packs .mx-pack { --mx-pack-s: 0.52; }

.mx-quick-chips { display: flex; flex-wrap: wrap; gap: var(--mx-space-2); }
.mx-quick-chip {
	display: inline-flex; align-items: center;
	min-height: 40px; padding: 0 var(--mx-space-4);
	border: 1px solid var(--mx-line-strong); border-radius: var(--mx-radius-pill);
	background: var(--mx-white); color: var(--mx-forest);
	font-size: var(--mx-text-md); text-decoration: none;
}
.mx-quick-chip:hover { border-color: var(--mx-forest); color: var(--mx-forest); }
.mx-quick-chip.is-active { border: 1.5px solid var(--mx-forest); background: var(--mx-forest); color: var(--mx-white); font-weight: 600; }

.mx-collection-products { display: flex; flex-direction: column; gap: var(--mx-space-5); padding-top: var(--mx-space-8); }
.mx-collection-products__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--mx-space-3); }

.mx-collection-info { display: flex; flex-wrap: wrap; gap: var(--mx-space-12); padding-top: var(--mx-space-12); padding-bottom: 96px; }
.mx-collection-info__note { flex: 1 1 380px; min-width: 0; }
.mx-collection-info__title { font-size: var(--mx-h3); }
.mx-collection-info .mx-faq { flex: 1 1 520px; min-width: 0; }

@media (max-width: 720px) {
	.mx-collection-hero__inner { padding-top: var(--mx-space-5); padding-bottom: var(--mx-space-8); gap: var(--mx-space-4); }
	.mx-collection-hero__title { font-size: 40px; }
	.mx-collection-hero__intro { font-size: var(--mx-text-base); }
	.mx-collection-hero__packs { display: none; }
	.mx-collection-products__bar .mx-sort { width: 100%; }
	.mx-collection-products__bar .mx-select { flex: 1 1 auto; }
	.mx-collection-info { gap: var(--mx-space-8); padding-top: var(--mx-space-10); padding-bottom: var(--mx-space-12); }
}