.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 34px;
    color: #766c82;
    font-size: 14px;
}
.breadcrumbs a {
    color: var(--purple);
    font-weight: 750;
    text-decoration: none;
}
.breadcrumbs a:hover {
    color: var(--purple-dark);
}

@media (max-width: 600px) {
    .breadcrumbs {
        margin-bottom: 26px;
    }
}