/* 修复产品页面头部样式,确保与首页一致 */
/* 只修复必要的样式冲突,不影响页面其他部分 */

/* 关键修复: 重置头部区域的基础字体大小 */
/* style.css 设置了 html { font-size: 125% },导致所有 rem 单位放大了 25% */
/* 我们需要在头部区域重置回 100% (16px) */
.eyoucms_top,
.eyoucms_head,
#header {
    font-size: 16px; /* 重置为默认的 16px,而不是 125% 的 20px */
}

/* 修复 style.css 中对 eyoucms_top 的错误覆盖 */
.eyoucms_top {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    color: #5a5a5a;
    height: 36px;
    display: block; /* 覆盖 style.css 的 display: flex */
    padding: 0; /* 覆盖 style.css 的 padding */
}

/* 确保 ey-row 的 flex 布局正常工作 */
.eyoucms_top .ey-row {
    display: flex;
}

/* 修复头部区域字体,使用与首页一致的 Jost 字体 */
.eyoucms_top,
.eyoucms_top *,
.eyoucms_head,
.eyoucms_head *,
#header,
#header *,
.navbar,
.navbar * {
    font-family: 'Jost', sans-serif;
}

/* 确保导航栏文字大小正确 */
.navbar .nav-link {
    font-size: 1rem;
    font-weight: 500;
}

/* 确保顶部栏链接样式正确 */
.eyoucms_top .ey-nav ul li a {
    font-size: 13px;
    color: #666;
}

/* 确保搜索框样式正确 */
.eyoucms_head .eyoucms-ssfm {
    font-size: 16px;
}

/* ========== 产品筛选区域优化 ========== */

/* 面包屑导航优化 */
.crumbs {
    padding-left: 40px;
    margin-bottom: 20px;
}

/* 产品筛选区域整体优化 */
.classify {
    padding-left: 40px;
    padding-right: 20px;
}

/* 左侧标签列优化 */
.classify .classify-zc {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* 右侧选项区域优化 */
.classify .classify_yc {
    padding-left: 20px;
}

.classify .classify_yc a {
    font-size: 14px;
    padding: 6px 12px;
    margin: 4px 8px 4px 0;
    color: #666;
}

.classify .classify_yc a:hover {
    color: #e2231a;
}

.classify .classify_yc a.active {
    color: #e2231a;
    font-weight: 500;
}

/* 排序区域优化 */
.approve {
    padding-left: 40px;
}

.approve ul li a {
    font-size: 14px;
    padding: 8px 16px;
    color: #666;
}

.approve ul li a:hover,
.approve ul li a.active {
    color: #e2231a;
}