/* Breadcrumbs - стили из page.css как в pageBlog.html */
.breadcrumb-list {
    display: flex;
    list-style: none;
    padding: 0px 0 20px 0;
    flex-wrap: wrap;
}

.breadcrumb-list__item {
    color: #666;
    font-size: 14px;
}

.breadcrumb-list__item:not(:last-child)::after {
    content: " / ";
    margin: 0 8px;
    color: #999;
}

.breadcrumb-list__item a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumb-list__item a:hover {
    color: #F97316;
}

/* Responsive для хлебных крошек */
@media (max-width: 768px) {
    .breadcrumb-list {
        font-size: 13px;
        padding: 45px 15px 10px 15px;
    }

    .breadcrumb-list__item:not(:last-child)::after {
        margin: 0 5px;
    }
}

@media (max-width: 480px) {
    .breadcrumb-list {
        font-size: 12px;
        padding: 35px 15px 10px 15px;
    }
}