.elementor-32273 .elementor-element.elementor-element-802deb0{--display:flex;}.elementor-32273 .elementor-element.elementor-element-562e508{--wd-cat-img-width:150px;--wd-cat-brd-radius:50%;}/* Start custom CSS for wd_product_categories, class: .elementor-element-562e508 *//* 1. 默认状态：给圆形图片加灰色边框，设置平滑过渡动画 */
.elementor-32273 .elementor-element.elementor-element-562e508 .category-image-wrapp img {
    border: 2px solid #e0e0e0 !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

/* 2. 默认状态：下方文字过渡动画 */
.elementor-32273 .elementor-element.elementor-element-562e508 .wd-entities-title,
.elementor-32273 .elementor-element.elementor-element-562e508 .category-title {
    transition: color 0.3s ease !important;
}

/* 3. 悬停状态：鼠标放上去时，圆圈边框变黄色 */
.elementor-32273 .elementor-element.elementor-element-562e508 .product-category:hover .category-image-wrapp img,
.elementor-32273 .elementor-element.elementor-element-562e508 .wd-cat-item:hover .category-image-wrapp img {
    border-color: #f39c12 !important; /* 可把 #f39c12 换成你想要的黄色 Hex 代码 */
}

/* 4. 悬停状态：鼠标放上去时，文字变黄色 */
.elementor-32273 .elementor-element.elementor-element-562e508 .product-category:hover .wd-entities-title,
.elementor-32273 .elementor-element.elementor-element-562e508 .product-category:hover .category-title,
.elementor-32273 .elementor-element.elementor-element-562e508 .wd-cat-item:hover .wd-entities-title,
.elementor-32273 .elementor-element.elementor-element-562e508 .wd-cat-item:hover .category-title {
    color: #f39c12 !important; /* 与上面的黄色保持一致 */
}/* End custom CSS */