/* ---- 右侧主内容区 ---- */
.main-article {
    min-width: 0;
}

/* 面包屑导航 */
.breadcrumb {
    font-size: 14px;
    color: #777777;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.breadcrumb a {
    color: #666666;
}
.breadcrumb .icon-home {
    margin-right: 4px;
    color: #555555;
}

/* 产品3列网格布局 */
.product-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* 产品卡片 */
.product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.2s ease;
}
.product-card:hover {
    transform: translateY(-2px);
}

/* 正方形图片容器 */
.product-card-img-box {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid #dddddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

/* 按要求：图片宽高100%填满父容器 */
.product-card-img-box .product-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 不变形完整显示；如需铺满裁剪改成 cover */
    display: block;
}

/* 产品标题链接 */
.product-card-title {
    margin-top: 12px;
    text-align: center;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
}
.product-card-title:hover {
    color: #ff7f27;
}
/* ========== 产品列表+双栏布局响应式 新增代码 ========== */
@media (max-width: 992px) {
    /* 侧边栏和主内容上下堆叠 */
    .inner-layout-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    /* 产品改成2列 */
    .product-list-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    /* 手机端产品单列 */
    .product-list-grid {
        grid-template-columns: 1fr;
    }
    /* 移动端轮播图高度适配 */
    .page-banner {
        height: 160px;
    }
}

/* 图片跳转链接补充样式（之前遗漏） */
.product-img-link {
    display: block;
    text-decoration: none;
}