.mn-breadcrumb.mn-breadcrumb--designed,
.mn-breadcrumb.mn-breadcrumb--sitewide {
	--mn-bc-ink: var(--mn-breadcrumb-text, #999999);
	--mn-bc-paper: var(--mn-white, #fff);
	--mn-bc-soft: var(--mn-beige, #f3f0e6);
	--mn-bc-line: var(--mn-btn-border, #d5d2c8);
	--mn-bc-leaf: color-mix(in srgb, var(--mn-link, #4a7c59) 12%, white);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
	white-space: normal;
	line-height: 1.5;
	text-align: start;
	color: var(--mn-bc-ink);
}

body.single-product .mn-breadcrumb.mn-breadcrumb--designed,
body.single-product .mn-breadcrumb.mn-breadcrumb--sitewide {
	max-width: 100%;
}

.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb {
	flex: 0 1 auto;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
	overflow-wrap: anywhere;
	text-overflow: clip;
}

.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb a {
	display: inline-block;
	max-width: 100%;
	padding-block: 5px;
	color: inherit;
	text-decoration: none;
	text-underline-offset: 4px;
}

.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) a:hover {
	text-decoration: underline;
}

.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.mn-breadcrumb--designed .mn-crumb:last-child {
	font-weight: 600;
}

.mn-breadcrumb--designed .mn-crumb { position: relative; }
.mn-breadcrumb--designed .mn-crumb a::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }

.mn-breadcrumb--designed .sep {
	display: none;
}

.mn-breadcrumb--pills .mn-crumb {
	padding: 3px 14px;
	border-radius: 24px;
	background: var(--mn-bc-soft);
}
.mn-breadcrumb--pills .mn-crumb:last-child {
	padding-block: 8px;
	background: var(--mn-bc-leaf);
}

.mn-breadcrumb--outline .mn-crumb {
	border: 1px solid var(--mn-bc-line);
	border-radius: 4px;
	padding: 2px 12px;
}
.mn-breadcrumb--outline .mn-crumb:last-child {
	border: 2px solid var(--mn-link);
	padding-block: 6px;
}
.mn-breadcrumb--outline .sep {
	display: inline;
}

.mn-breadcrumb.mn-breadcrumb--chevrons { gap: 5px; }
.mn-breadcrumb--chevrons .mn-crumb {
	padding: 6px 25px;
	background: var(--mn-bc-soft);
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 12px 50%);
}
.mn-breadcrumb--chevrons .mn-crumb:first-child { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%); }
.mn-breadcrumb--chevrons .mn-crumb:last-child { padding-block: 11px; background: var(--mn-bc-leaf); }
.mn-breadcrumb--chevrons .mn-crumb:focus-within { background: var(--mn-bc-leaf); }

.mn-breadcrumb.mn-breadcrumb--ribbon { gap: 0; background: var(--mn-bc-soft); border-radius: 5px; padding: 4px; }
.mn-breadcrumb--ribbon .mn-crumb { padding: 3px 16px; border-inline-end: 1px solid var(--mn-bc-line); }
.mn-breadcrumb--ribbon .mn-crumb:last-child { padding-block: 8px; border: 0; background: var(--mn-bc-paper); }

.mn-breadcrumb.mn-breadcrumb--tabs { align-items: stretch; gap: 4px; border-bottom: 2px solid var(--mn-bc-line); }
.mn-breadcrumb--tabs .mn-crumb { padding: 5px 15px; border-radius: 9px 9px 0 0; background: var(--mn-bc-soft); }
.mn-breadcrumb--tabs .mn-crumb:last-child { padding-block: 10px; background: var(--mn-bc-leaf); border-bottom: 3px solid var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--underline { gap: 6px 24px; padding-bottom: 6px; }
.mn-breadcrumb--underline .mn-crumb { border-bottom: 1px solid var(--mn-bc-line); padding: 3px 0; }
.mn-breadcrumb--underline .mn-crumb:last-child { padding-block: 8px; border-bottom: 3px solid var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--rail { gap: 8px 18px; }
.mn-breadcrumb--rail .mn-crumb { position: relative; padding-inline: 20px 14px; }
.mn-breadcrumb--rail .mn-crumb::before { content: ''; position: absolute; inset-inline-start: 0; top: 12px; width: 9px; height: 9px; border: 2px solid var(--mn-link); border-radius: 50%; background: var(--mn-bc-paper); }
.mn-breadcrumb--rail .mn-crumb:not(:last-child)::after { content: ''; position: absolute; inset-inline-end: 0; top: 16px; width: 10px; border-top: 1px solid var(--mn-bc-line); }
.mn-breadcrumb--rail .mn-crumb:last-child { padding-block: 5px; }
.mn-breadcrumb--rail .mn-crumb:last-child::before { background: var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--beads { align-items: stretch; gap: 10px 0; padding-top: 12px; }
.mn-breadcrumb--beads .mn-crumb { position: relative; padding: 14px 16px 2px; text-align: center; border-top: 1px solid var(--mn-bc-line); }
.mn-breadcrumb--beads .mn-crumb::before { content: ''; position: absolute; top: -6px; left: calc(50% - 6px); width: 12px; height: 12px; border: 2px solid var(--mn-link); border-radius: 50%; background: var(--mn-bc-paper); }
.mn-breadcrumb--beads .mn-crumb:last-child { padding-top: 19px; }
.mn-breadcrumb--beads .mn-crumb:last-child::before { background: var(--mn-link); box-shadow: 0 0 0 4px var(--mn-bc-leaf); }

.mn-breadcrumb.mn-breadcrumb--cards { gap: 10px; padding: 3px; }
.mn-breadcrumb--cards .mn-crumb { padding: 7px 16px; border: 1px solid var(--mn-bc-line); box-shadow: 0 3px 7px rgb(0 0 0 / 8%); border-radius: 8px; background: var(--mn-bc-paper); }
.mn-breadcrumb--cards .mn-crumb:last-child { padding-block: 12px; border-inline-start: 4px solid var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--tiles { display: grid; align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: 3px; }
.mn-breadcrumb--tiles .mn-crumb { padding: 10px 14px; background: var(--mn-bc-soft); border-bottom: 3px solid var(--mn-bc-line); }
.mn-breadcrumb--tiles .mn-crumb:last-child { padding-block: 15px; background: var(--mn-bc-leaf); border-color: var(--mn-link); }

.mn-breadcrumb--leaf .mn-crumb { padding: 5px 18px; border-radius: 18px 3px 18px 3px; background: var(--mn-bc-leaf); border: 1px solid color-mix(in srgb, var(--mn-link) 25%, white); }
.mn-breadcrumb--leaf .mn-crumb:last-child { padding-block: 10px; border-radius: 3px 18px 3px 18px; border-color: var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--ticket { gap: 4px 0; }
.mn-breadcrumb--ticket .mn-crumb { padding: 8px 18px; border: 1px solid var(--mn-bc-line); border-inline-end-style: dashed; background: var(--mn-bc-soft); }
.mn-breadcrumb--ticket .mn-crumb + .sep + .mn-crumb { border-inline-start: 0; }
.mn-breadcrumb--ticket .mn-crumb:last-child { padding-block: 13px; background: var(--mn-bc-paper); border-inline-end: 4px double var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--inset { padding: 8px; border-radius: 16px; box-shadow: inset 0 2px 5px rgb(0 0 0 / 10%); background: var(--mn-bc-soft); gap: 3px; }
.mn-breadcrumb--inset .mn-crumb { padding: 2px 12px; }
.mn-breadcrumb--inset .mn-crumb:last-child { padding-block: 7px; border-radius: 10px; background: var(--mn-bc-paper); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); }
.mn-breadcrumb--inset .sep { display: inline; }

.mn-breadcrumb.mn-breadcrumb--frame { border: 4px double var(--mn-bc-line); padding: 12px 18px; justify-content: center; }
.mn-breadcrumb--frame .sep { display: inline; }
.mn-breadcrumb--frame .mn-crumb:last-child { color: inherit; }

.mn-breadcrumb.mn-breadcrumb--split { border-inline-start: 4px solid var(--mn-link); padding: 4px 0 4px 18px; gap: 0 14px; }
.mn-breadcrumb--split .mn-crumb:last-child { flex-basis: 100%; font-size: 1.25em; padding-top: 5px; }
.mn-breadcrumb--split .mn-crumb:not(:last-child) a { text-decoration: underline; text-decoration-color: var(--mn-bc-line); }

.mn-breadcrumb.mn-breadcrumb--editorial { border-block: 1px solid var(--mn-bc-line); padding-block: 10px; gap: 4px 14px; }
.mn-breadcrumb--editorial .mn-crumb { font-family: Georgia, 'Times New Roman', serif; font-size: 1.14em; font-style: italic; }
.mn-breadcrumb--editorial .mn-crumb:last-child { font-style: normal; }
.mn-breadcrumb--editorial .sep { display: inline; }

.mn-breadcrumb.mn-breadcrumb--vertical { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 4px 0; }
.mn-breadcrumb--vertical .mn-crumb { position: relative; padding: 3px 12px 3px 25px; margin-inline-start: 7px; border-inline-start: 1px solid var(--mn-bc-line); }
.mn-breadcrumb.mn-breadcrumb--vertical .mn-crumb { max-width: calc(100% - 7px); }
.mn-breadcrumb--vertical .mn-crumb::before { content: ''; position: absolute; inset-inline-start: 0; top: 18px; width: 15px; border-top: 1px solid var(--mn-bc-line); }
.mn-breadcrumb--vertical .mn-crumb:last-child { padding-block: 8px; background: var(--mn-bc-leaf); border-color: var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--brackets { gap: 10px 16px; }
.mn-breadcrumb--brackets .mn-crumb { padding: 2px 13px; border-inline: 1px solid var(--mn-bc-line); }
.mn-breadcrumb--brackets .mn-crumb:last-child { padding-block: 7px; border-inline: 3px solid var(--mn-link); }

.mn-breadcrumb.mn-breadcrumb--compass { gap: 6px 14px; }
.mn-breadcrumb--compass .mn-crumb:first-child { padding: 8px 15px; background: var(--mn-bc-leaf); border-radius: 50% 50% 6px 6px; border-bottom: 3px solid var(--mn-link); }
.mn-breadcrumb--compass .mn-crumb:not(:first-child) { border-bottom: 1px dotted var(--mn-bc-line); padding: 4px 0; }
.mn-breadcrumb--compass .mn-crumb:last-child { padding-block: 9px; border-bottom: 2px solid var(--mn-link); }
.mn-breadcrumb--compass .sep { display: inline; }

.mn-breadcrumb.mn-breadcrumb--contrast { padding: 10px 14px; background: #203e31; color: var(--mn-bc-ink); border-radius: 7px; gap: 6px 14px; }
.mn-breadcrumb--contrast .mn-crumb { padding-inline: 5px; }
.mn-breadcrumb--contrast .mn-crumb:last-child { padding: 5px 12px; border: 1px solid #a6c7b5; border-radius: 3px; }
.mn-breadcrumb--contrast .sep { display: inline; color: inherit; }

@media (max-width: 767.98px) {
	.mn-breadcrumb.mn-breadcrumb--designed,
	.mn-breadcrumb.mn-breadcrumb--sitewide { font-size: 13px; margin-bottom: 16px; }
	.mn-breadcrumb-row:has(.mn-breadcrumb--designed),
	.mn-breadcrumb-row:has(.mn-breadcrumb--sitewide) { flex-wrap: wrap; }
	.mn-breadcrumb-row .mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) { flex-basis: 100%; }
	.mn-breadcrumb.mn-breadcrumb--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mn-breadcrumb--tiles .mn-crumb:last-child { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
	.mn-breadcrumb.mn-breadcrumb--designed,
	.mn-breadcrumb.mn-breadcrumb--sitewide {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 6px;
		white-space: nowrap;
		overflow: hidden;
	}

	.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb {
		flex: 0 1 auto;
		min-width: 0;
		margin-inline: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mn-breadcrumb.mn-breadcrumb--designed .mn-crumb {
		padding-inline: 4px;
	}

	.mn-breadcrumb.mn-breadcrumb--chevrons .mn-crumb {
		clip-path: none;
	}

	.mn-breadcrumb:is(.mn-breadcrumb--rail, .mn-breadcrumb--beads, .mn-breadcrumb--vertical) .mn-crumb::before,
	.mn-breadcrumb.mn-breadcrumb--rail .mn-crumb::after {
		display: none;
	}

	.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb:last-child {
		flex: 1 1 auto;
		min-width: min(5em, 25%);
	}

	.mn-breadcrumb.mn-breadcrumb--sitewide:not(.mn-breadcrumb--designed) .mn-crumb:nth-child(-n + 3) {
		flex-shrink: 0.2;
		max-width: 25%;
	}

	.mn-breadcrumb.mn-breadcrumb--sitewide:not(.mn-breadcrumb--designed) .mn-crumb:first-child {
		min-width: min(4.6em, 20%);
	}

	.mn-breadcrumb.mn-breadcrumb--sitewide:not(.mn-breadcrumb--designed) .mn-crumb:nth-child(3) {
		min-width: min(2.3em, 12%);
	}

	body.single-product .mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb:not(:last-child) {
		max-width: 100%;
	}

	body.single-product .mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb:last-child {
		flex: 1 0 0;
		min-width: min(2em, 10%);
	}

	.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) .mn-crumb a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mn-breadcrumb:is(.mn-breadcrumb--designed, .mn-breadcrumb--sitewide) a:focus-visible {
		outline-offset: -2px;
	}
}

@media (forced-colors: active) {
	.mn-breadcrumb--designed .mn-crumb { border: 1px solid CanvasText; }
	.mn-breadcrumb--designed .mn-crumb:last-child { border: 2px solid Highlight; }
}