/* Approved sibling navigation; existing breadcrumb links and owners keep their flow. */
.r5-breadcrumb .r5-breadcrumb__item { display: inline-flex; max-width: 100%; min-width: 0; align-items: center; vertical-align: middle; }
.r5-breadcrumb .r5-breadcrumb__link { min-width: 0; overflow-wrap: anywhere; }
.r5-breadcrumb .r5-breadcrumb__current { overflow-wrap: anywhere; }
.r5-breadcrumb .r5-breadcrumb__separator { display: inline-block; margin-inline: 10px; color: #b0b0b0; vertical-align: middle; }
.catalog-breadcrumb.r5-breadcrumb .r5-breadcrumb__separator { margin-inline: 0; }
.r5-breadcrumb .r5-breadcrumb__toggle { display: inline-grid; flex: 0 0 24px; width: 24px; min-width: 24px; height: 24px; min-height: 24px; margin: 0; padding: 4px; place-items: center; border: 0; border-radius: 2px; color: inherit; background: transparent; font: inherit; vertical-align: middle; cursor: pointer; }
.r5-breadcrumb .r5-breadcrumb__toggle::after { width: 4px; height: 4px; margin-top: -2px; border: solid currentColor; border-width: 0 1px 1px 0; content: ''; transform: rotate(45deg); }
.r5-breadcrumb .r5-breadcrumb__toggle[aria-expanded="true"]::after { margin-top: 2px; transform: rotate(225deg); }
.r5-breadcrumb .r5-breadcrumb__toggle:is(:hover, :focus-visible),
.r5-breadcrumb .r5-breadcrumb__item[data-r5-breadcrumb-open="true"] > .r5-breadcrumb__link { color: #19118c; }
.r5-breadcrumb .r5-breadcrumb__toggle:focus-visible { outline: 2px solid #19118c; outline-offset: 1px; }
.r5-breadcrumb .r5-breadcrumb__menu { position: fixed; z-index: 90; box-sizing: border-box; width: max-content; max-width: min(364px, calc(100vw - 24px)); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); margin: 0; padding: 11px 20px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 0; border-radius: 2px; color: #333; background: #fff; box-shadow: 0 1px 5px 1px rgb(0 0 0 / 12%); font-family: inherit; font-size: 13px; font-weight: 400; line-height: 24px; text-align: left; list-style: none; }
.r5-breadcrumb .r5-breadcrumb__menu > li { margin: 0; padding: 0; border: 0; list-style: none; }
.r5-breadcrumb .r5-breadcrumb__menu .r5-breadcrumb__option { display: block; min-height: 24px; margin: 0; padding: 0; color: #333; background: transparent; font: inherit; text-decoration: none; overflow-wrap: anywhere; }
.r5-breadcrumb .r5-breadcrumb__menu .r5-breadcrumb__option:is(:hover, :focus-visible) { color: #19118c; text-decoration: underline; }
.r5-breadcrumb .r5-breadcrumb__menu .r5-breadcrumb__option:focus-visible { border-radius: 1px; outline: 2px solid #19118c; outline-offset: 2px; }
.r5-breadcrumb .r5-breadcrumb__toggle[hidden], .r5-breadcrumb .r5-breadcrumb__menu[hidden] { display: none !important; }