/* 基础样式 */
.product_flat  .product-categories {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin: 0;
    padding: 0;
}

.product_flat  .product-categories > li{padding:0 20px 20px 0;width: 25%;min-width: 230px;box-sizing: border-box;}
.product_flat  .product-categories li{float: left;line-height: 1.2em;}
.product_flat  .product-categories li a{font-size: 14px;color: var( --e-global-color-primary ); padding:4px 0;}
.product_flat  .product-categories > li > a{font-size: 16px;line-height: 32px;}
.product_flat  .product-categories .children{color: var(--e-global-color-secondary);list-style:none;padding-left:0;}
.product_flat  .product-categories .children li{padding: 0;width: 100%;}
.product_flat  .product-categories .children li a{color: var(--e-global-color-secondary);font-weight: 400;}
.product_flat  .product-categories .children li a:hover{color: var( --e-global-color-primary )}

.product_flat  .product-categories .cat-item:has(> a > img) > .children{ list-style:none!important;}
/* 
.product_flat  .product-categories .cat-item:has(> a > img) .children a { padding-left: 20px!important;}
.product_flat  .product-categories .children a:has(> img.cat-thumbnail) {
    margin-left: -20px; 
} */
/* 分类缩略图样式 */
.product_flat  .product-categories .cat-thumbnail {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 0px;
    vertical-align: middle;
}

/* 使用flex布局优化链接内的文本和图片排列 */
.product_flat  .product-categories li a {
    display: flex;
    align-items: center;
    gap: 0.25em;
}

/* 子分类样式调整 */
.product_flat  .product-categories .children .cat-thumbnail {
    width: 16px;
    height: 16px;
}