.catalog-breadcrumb { min-width: 0; color: #101f3b; font-family: Manrope, "Nunito Sans", Arial, sans-serif; }
.catalog-breadcrumb ol { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 1.35; }
.catalog-breadcrumb li { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; margin: 0; padding: 0; }
.catalog-breadcrumb li::after { content: none; }
.catalog-breadcrumb li:first-child::before { content: none; display: none; }
.catalog-breadcrumb li:not(:first-child)::before { content: ""; display: block; position: static; width: 6px; height: 6px; margin: 0; border: solid #6d8099; border-width: 1.5px 1.5px 0 0; background: transparent; transform: rotate(45deg); flex: 0 0 auto; }
.catalog-breadcrumb li > :is(a, span) { min-width: 0; max-width: 100%; border-radius: 30px; padding: 7px 13px; background: #edf2f9; color: #101f3b; overflow-wrap: anywhere; }
.catalog-breadcrumb li > [aria-current] { background: #f9eaf0; font-weight: 750; }
.catalog-breadcrumb li > .catalog-breadcrumb__home { display: grid; width: 35px; height: 35px; padding: 0; place-items: center; color: #df0032; background: #fdf0f3; }
.catalog-breadcrumb__home svg { width: 18px; height: 18px; }
.catalog-breadcrumb a:hover { color: #df0032; }
.catalog-breadcrumb a:focus-visible { outline: 3px solid #366ddd; outline-offset: 3px; }
@media (max-width: 767px) {
    .catalog-breadcrumb ol { font-size: 11px; gap: 5px; }
    .catalog-breadcrumb li { gap: 5px; }
    .catalog-breadcrumb li > :is(a, span) { padding: 5px 9px; }
    .catalog-breadcrumb li > .catalog-breadcrumb__home { width: 27px; height: 27px; padding: 0; }
    .catalog-breadcrumb__home svg { width: 15px; height: 15px; }
}