.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-weight: 500;
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-30);
    color: var(--color-text-second);
}

.breadcrumbs__link::after {
    content: ' /';
}

@media (max-width: 767px) {
    .breadcrumbs {
        font-size: 1.2rem;
        margin-bottom: var(--spacing-20);
    }
}