/* ============================================================
   page.css — 通用内容页专属样式
   由 product.css 提取并适配 (保持原样，不作过多发挥)
   ============================================================ */

/* Banner 样式 */
.page-banner {
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.page-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* 面包屑导航适配 */
.breadcrumb-custom {
    padding: 15px 0;
}

.breadcrumb-custom .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.breadcrumb-custom .breadcrumb-item {
    font-size: 13px;
    color: var(--color-text-muted);
}

.breadcrumb-custom .breadcrumb-item a {
    color: var(--color-text-muted);
    text-decoration: none;
}

.breadcrumb-custom .breadcrumb-item a:hover {
    color: var(--color-primary);
}

.breadcrumb-custom .breadcrumb-item.active {
    color: var(--color-text-muted);
}

.breadcrumb-custom .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color: var(--color-text-muted);
    font-size: 12px;
}