/* Component: private-label-band — dark band on the home page (Main.dc.html). */

.mx-pl-band { margin-top: var(--mx-space-18); background: var(--mx-forest); color: var(--mx-white); }
.mx-pl-band__inner {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: var(--mx-space-12);
	padding-top: var(--mx-space-18); padding-bottom: var(--mx-space-18);
}
.mx-pl-band__copy { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: var(--mx-space-5); }
.mx-pl-band__title { font-size: 44px; line-height: 1.1; color: var(--mx-white); }
.mx-pl-band__text { margin: 0; font-size: var(--mx-text-lg); line-height: 1.6; color: var(--mx-on-dark); max-width: 32em; }
.mx-pl-band__packs { flex: 1 1 560px; min-width: 0; display: flex; flex-wrap: wrap; gap: var(--mx-space-2); justify-content: center; align-items: flex-end; }
.mx-pl-band__packs .mx-pack--lg { --mx-pack-s: 0.74; }

@media (max-width: 720px) {
	.mx-pl-band__title { font-size: var(--mx-h2); }
}