.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0.22em;
    font-size: 1.03em;
    margin: 0.7em 0 0.8em 0.15em;
    font-weight: 600;
    letter-spacing: 0.01em;
    flex-wrap: wrap;
    user-select: none;

    /* order: 4; */
    width: 100%;
    flex-grow: 1;
    justify-content: center;

    z-index: 11;
}

.breadcrumbs .a {
    color: #b22d00;
    text-decoration: none;
    padding: 0.15em 0.45em;
    border-radius: 0.13em;
    transition: background 0.14s, color 0.14s;
    font-weight: 700;
    cursor: pointer;
}

.breadcrumbs a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    transition: inherit;
}

.breadcrumbs h1 {
    font-size: inherit;
    margin: 0;
    display: unset;
}

.breadcrumbs .a:hover,
.breadcrumbs .a:focus {
    color: #fff;
    background: linear-gradient(90deg, #ff9800 30%, #ff4500 100%);
    outline: none;
}

.breadcrumbs .a:hover a,
.breadcrumbs .a:focus a {
    color: #fff;
    outline: none;
}

.breadcrumbs>b {
    color: #ff9800;
    font-size: 1.07em;
    margin: 0 0.04em;
}

.breadcrumbs .current {
    color: #431806;
    font-weight: 900;
    padding-left: 0.1em;
    text-shadow: 0 1px 0 #ffefd2;
    font-size: 1.02em;
}

html[data-theme="dark"] .breadcrumbs .a {
    color: #ff9100;
}

html[data-theme="dark"] .breadcrumbs .a:hover,
html[data-theme="dark"] .breadcrumbs .a:focus {
    color: #2b1101;
    background: linear-gradient(90deg, #ffb55a 0%, #ff6a00 100%);
}

html[data-theme="dark"] .breadcrumbs .a:hover a,
html[data-theme="dark"] .breadcrumbs .a:focus a {
    color: #2b1101;
}

html[data-theme="dark"] .breadcrumbs>b {
    color: #ffb55a;
}

html[data-theme="dark"] .breadcrumbs .current {
    color: #ffb55a;
    text-shadow: 0 1px 0 #3d2315;
}

@media (max-width: 700px) {
    .breadcrumbs {
        margin: 0;
        gap: 0.11em 0.22em;
    }

    .breadcrumbs .dropdown-content {
        margin-top: 1.75em;
    }

    .breadcrumbs .current {
        line-height: 1.5;
    }
}