/* ============================================================
   方案A - 全部分类悬停 Mega Menu 卡片样式
   简洁卡片/弹窗风格
   ============================================================ */

/* 弹窗层 - 卡片风格 */
#goods-category .goods-category-s .category-content {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 52rem;
    background: #fff !important;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    z-index: 1020;
    min-height: 28rem;
}

/* 左侧分类列表 - 简洁 */
#goods-category .category-content .category {
    width: 18rem !important;
    min-width: 18rem;
    background: #fafafa !important;
    border-right: 1px solid #eee;
}
#goods-category .category-content .category-list {
    padding: .4rem 0;
}
#goods-category .category-content .category-list li {
    height: auto !important;
    min-height: 4rem;
    margin: 0 !important;
    border: none;
}
#goods-category .category-content .category-list li a {
    padding: .8rem 1.2rem;
    display: block;
}
#goods-category .category-content .category-info {
    padding: 0;
}
#goods-category .category-content .category-name,
#goods-category .category-content .b-category-name {
    line-height: 1.5 !important;
    padding: 0 !important;
}
#goods-category .category-content .bd-name {
    font-size: 1.3rem;
    color: #555;
    padding-left: 0;
}
#goods-category .category-content li.hover .bd-name,
#goods-category .category-content li:hover .bd-name {
    color: var(--color-main);
    font-weight: 500;
}
#goods-category .category-content .category-menu-img {
    width: 1.6rem;
    height: 1.6rem;
    position: static;
    margin-right: .6rem;
    vertical-align: middle;
}
#goods-category .category-content li .category-info i {
    display: none;
}

/* 右侧子分类面板 - 卡片内容区 */
#goods-category .category-content .menu-item {
    display: none !important;
    position: absolute !important;
    left: 18rem !important;
    top: 0 !important;
    width: 34rem !important;
    min-height: 28rem !important;
    max-height: 36rem !important;
    overflow-y: auto;
    padding: 1.2rem 1.6rem !important;
    background: #fff !important;
    border: none !important;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
}
#goods-category .category-content li.hover .menu-item {
    display: block !important;
}

/* 子分类网格 - 紧凑 */
#goods-category .category-content .area-bg {
    padding: 0 !important;
}
#goods-category .category-content .menu-srot,
#goods-category .category-content .sort-side {
    overflow: visible !important;
}
#goods-category .category-content .sort-side {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .4rem !important;
}
#goods-category .category-content .category-show-level3 {
    flex: none !important;
    width: 100% !important;
    margin-bottom: .4rem !important;
}
#goods-category .category-content .category-show-level3-title {
    width: 100% !important;
    padding: .4rem 0 !important;
    font-weight: 500;
    font-size: 1.3rem;
}
#goods-category .category-content .category-show-level3-title:after {
    display: none;
}
#goods-category .category-content .category-show-level3-title a {
    color: #333;
}
#goods-category .category-content .category-show-level3-title a:hover {
    color: var(--color-main);
}
#goods-category .category-content .category-show-level3-child {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .2rem !important;
}
#goods-category .category-content .category-show-level3-child div {
    padding: .2rem .4rem !important;
}
#goods-category .category-content .category-show-level3-child a {
    font-size: 1.2rem;
    color: #666;
    padding: .3rem .6rem;
    border-radius: 2px;
}
#goods-category .category-content .category-show-level3-child a:hover {
    color: var(--color-main);
    background: #f0f7ff;
}
#goods-category .category-content .dl-sort dd {
    margin: .4rem !important;
}
#goods-category .category-content .dl-sort dd a {
    font-size: 1.2rem;
    padding: .3rem .6rem;
}
#goods-category .category-content .dl-sort dd a:hover {
    color: var(--color-main);
}

/* 底部“查看全部”链接 */
#goods-category .category-content .mega-viewall-link {
    display: block;
    padding: .8rem 1.2rem;
    font-size: 1.2rem;
    color: var(--color-main);
    border-top: 1px solid #eee;
    text-align: center;
    background: #fafafa;
}
#goods-category .category-content .mega-viewall-link:hover {
    background: #f0f7ff;
    color: var(--color-main);
}

/* 分类按钮 - 与导航统一 */
#goods-category .goods-category-title {
    background: var(--color-main) !important;
    color: #fff !important;
    font-size: 1.4rem !important;
    font-weight: 500;
    height: 4rem !important;
    line-height: 4rem !important;
    width: 14rem !important;
    border-radius: 4px 4px 0 0 !important;
}
#goods-category .goods-category-title .all-goods {
    font-size: 1.4rem !important;
}
#goods-category .category-content .category-fillet-top,
#goods-category .category-content .category-fillet-bottom {
    display: none !important;
}