.elementor-4711 .elementor-element.elementor-element-d7b025d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4711 .elementor-element.elementor-element-22cab5e{background-color:var( --e-global-color-primary );}.elementor-4711 .elementor-element.elementor-element-22cab5e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4711 .elementor-element.elementor-element-c4ce2bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4711 .elementor-element.elementor-element-551a8db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4711 .elementor-element.elementor-element-d68df00{background-color:var( --e-global-color-text );}.elementor-4711 .elementor-element.elementor-element-8424ac9{background-color:var( --e-global-color-primary );}.elementor-4711 .elementor-element.elementor-element-ea4fc89{background-color:var( --e-global-color-primary );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-menu-toggle{margin:0 auto;}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-top:9px;padding-bottom:9px;}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-6a234bd );fill:var( --e-global-color-6a234bd );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-6a234bd );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .e--pointer-framed .elementor-item:before,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-6a234bd );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-6a234bd );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-4711 .elementor-element.elementor-element-ea4fc89 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-4711 .elementor-element.elementor-element-ea4fc89 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-4711 .elementor-element.elementor-element-9a4f721{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4711 .elementor-element.elementor-element-9a4f721:not(.elementor-motion-effects-element-type-background), .elementor-4711 .elementor-element.elementor-element-9a4f721 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de9a2e0 );}.elementor-4711 .elementor-element.elementor-element-2ae1850{background-color:#D1B45699;}.elementor-4711 .elementor-element.elementor-element-65b2292.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4711 .elementor-element.elementor-element-65b2292.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4711 .elementor-element.elementor-element-65b2292.elementor-wc-products ul.products li.product span.onsale{display:block;}body.elementor-page-4711:not(.elementor-motion-effects-element-type-background), body.elementor-page-4711 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de9a2e0 );}@media(min-width:768px){.elementor-4711 .elementor-element.elementor-element-551a8db{--width:25%;}.elementor-4711 .elementor-element.elementor-element-9a4f721{--width:75%;}}@media(max-width:1024px){.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );}.elementor-4711 .elementor-element.elementor-element-65b2292.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4711 .elementor-element.elementor-element-ea4fc89 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );}.elementor-4711 .elementor-element.elementor-element-65b2292.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for sidebar, class: .elementor-element-d68df00 *//* -------------------------------------------
   1. 隐藏商品数量（最安全的通用方法）
   ------------------------------------------- */
/* 隐藏列表项内所有类名中包含 "count" 的 span 元素 */
.wc-block-product-categories-list-item span[class*="count"] {
    display: none !important; 
}


/* -------------------------------------------
   2. 整体区块容器 (Block Container) 样式
   ------------------------------------------- */
/* 针对包含列表的 WooCommerce 区块 Div */
.wp-block-woocommerce-product-categories {
    padding: 0; /* 列表本身已经有内边距，这里不需要额外的 */
    margin-bottom: 30px; /* 区块底部的间距 */
    /* 确保列表的背景和阴影效果生效，列表本身已经包含边框和阴影 */
}

/* -------------------------------------------
   3. 列表容器 (ul) 样式
   ------------------------------------------- */
.wc-block-product-categories-list {
    list-style: none; /* 移除默认的项目符号 */
    padding: 0; /* 移除默认内边距 */
    margin: 0; /* 移除默认外边距 */
    
    border: 1px solid #e0e0e0; /* 浅灰色边框 */
    border-radius: 12px; /* 较明显的圆角 */
    background-color: #ffffff; /* 干净的白色背景 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); /* 柔和、立体的阴影 */
    overflow: hidden; /* 确保列表圆角生效，内部元素不溢出 */
}

/* -------------------------------------------
   4. 单个列表项 (li) 样式
   ------------------------------------------- */
.wc-block-product-categories-list-item {
    /* 调整内边距，提供舒适的点击区域 */
    padding: 14px 25px; 
    font-size: 17px; /* 字体略大，更易读 */
    font-weight: 500; /* 中等粗细 */
    color: #333; /* 深灰色字体 */
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0; /* 列表项之间的细分隔线 */
    
    /* 平滑的过渡效果 */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s; 
}

/* 移除最后一个列表项的底部边框，保持底部圆角干净 */
.wc-block-product-categories-list-item:last-child {
    border-bottom: none;
}

/* -------------------------------------------
   5. 鼠标悬停 (Hover) 效果
   ------------------------------------------- */
.wc-block-product-categories-list-item:hover {
    background-color: #e6f3ff; /* 柔和的浅蓝色背景，突出交互 */
    color: #ddbb66; /* 蓝色字体 */
    /* 轻微的上抬和放大效果，增强立体感 */
    transform: translateY(-2px); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

/* -------------------------------------------
   6. 链接 (a 标签) 样式
   ------------------------------------------- */
.wc-block-product-categories-list-item a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 继承父元素的颜色 */
    display: block; /* 使链接占据整个列表项区域 */
    /* 保持链接文本和图标在同一水平线上 */
    display: flex;
    align-items: center;
}


/* =======================================================
   最终代码：使用 ID 确保优先级 (#woocommerce_brand_nav-2)
   ======================================================= */

/* -------------------------------------------
   A. 最强力隐藏数量计数代码 (针对所有列表)
   ------------------------------------------- */
#woocommerce_brand_nav-2 li span,
.wc-block-product-categories-list-item span[class*="count"] {
    display: none !important;
}


/* =======================================================
   B. 侧边栏小工具容器样式 (针对 #woocommerce_brand_nav-2)
   ======================================================= */
#woocommerce_brand_nav-2 {
    /* 保持浅色背景和边框，只调整文本颜色 */
    border: 1px solid #f0f0f0 !important; 
    border-radius: 8px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    padding: 20px 25px !important; 
    margin-bottom: 30px !important; 
    overflow: hidden !important;
}

/* 小工具标题 (h2.widget-title) 样式 */
#woocommerce_brand_nav-2 .widget-title {
    font-size: 20px !important;
    font-weight: 700 !important; 
    color: #333 !important; /* 标题原色为深灰色 */
    margin-top: 0 !important; 
    margin-bottom: 15px !important; 
    border-bottom: 2px solid #ddbb66 !important; /* 金黄色底部强调线 */
    padding-bottom: 5px !important;
    display: inline-block !important; 
}


/* =======================================================
   C. 品牌/分层导航列表样式 (针对 .wc-brand-list-layered-nav_product_brand)
   ======================================================= */

/* 列表项原色 (黑色) */
#woocommerce_brand_nav-2 li.wc-layered-nav-term {
    padding: 10px 0 !important; 
    font-size: 15px !important;
    color: #333 !important; /* *** 列表项原色改为深灰色 *** */
    border-bottom: 1px dashed #e0e0e0 !important; 
    transition: color 0.3s !important;
}

/* 链接原色 (黑色) */
#woocommerce_brand_nav-2 li.wc-layered-nav-term a {
    color: #333 !important; /* *** 链接原色改为深灰色 *** */
    text-decoration: none !important;
}

/* 悬停效果 (金黄色) */
#woocommerce_brand_nav-2 li.wc-layered-nav-term a:hover {
    color: #ddbb66 !important; /* 悬停颜色不变 */
}

/* 选中项 (金黄色) */
#woocommerce_brand_nav-2 li.wc-layered-nav-term.chosen a {
    font-weight: 700 !important;
    color: #ddbb66 !important; /* 选中颜色不变 */
}

/* =======================================================
   V2.0 搜索框容器 (.wp-block-search__inside-wrapper) 简洁美化样式
   ======================================================= */

/* 1. 容器本身：使用阴影和圆角打造简洁卡片效果 */
.wp-block-search__inside-wrapper {
    /* 强制去除可能存在的边框，防止中断圆角 */
    border: none !important; 
    
    /* 整体圆角 */
    border-radius: 8px !important;
    
    /* 使用柔和的内嵌阴影代替边框，模拟深度 */
    box-shadow: 0 0 0 1px #e0e0e0 inset, 0 2px 4px rgba(0, 0, 0, 0.04) !important;
    
    /* 确保输入框和按钮对齐 */
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important; 
    
    /* 动画过渡 */
    transition: all 0.3s ease !important;
}

/* 2. 聚焦 (Focus) 效果：金黄色光晕 */
.wp-block-search__inside-wrapper:focus-within {
    /* 移除内嵌阴影边框，替换为主题色的外阴影（光晕） */
    box-shadow: 0 0 0 1px #ddbb66 inset, 0 0 0 4px rgba(221, 187, 102, 0.3) !important; 
}

/* 3. 搜索输入框样式 (input[type="search"]) */
.wp-block-search__inside-wrapper .wp-block-search__input {
    flex-grow: 1 !important; 
    border: none !important; /* 关键：确保没有边框 */
    padding: 12px 15px !important; 
    font-size: 16px !important;
    color: #333333 !important;
    background-color: transparent !important; 
    outline: none !important;
}

/* 4. 搜索按钮样式 (button[type="submit"]) */
.wp-block-search__inside-wrapper .wp-block-search__button {
    /* 按钮主题色 */
    background-color: #ddbb66 !important; /* 金黄色背景 */
    color: #ffffff !important; /* 白色文本 */
    border: none !important; /* 关键：确保没有边框 */
    border-radius: 0 8px 8px 0 !important; /* 仅右侧圆角 */
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    
    /* 确保按钮紧密贴合输入框，去除可能存在的默认间距 */
    margin: 0 !important;
}

/* 5. 搜索按钮悬停 (Hover) 效果 */
.wp-block-search__inside-wrapper .wp-block-search__button:hover {
    background-color: #c9a55e !important; 
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-ea4fc89 *//* ----------------------------------- */
/* 1. 链接基础和排版 */
/* ----------------------------------- */

.elementor-item.menu-link {
    /* 基础显示和排版 */
    display: inline-block;
    padding: 10px 18px; 
    margin: 0 5px; 
    text-decoration: none;
    cursor: pointer;

    /* 字体和颜色 */
    color: #5B6A78; /* 柔和的深灰蓝色 */
    font-size: 15px;
    font-weight: 500; 

    /* 边框和过渡效果 */
    border-radius: 6px; /* 轻微圆角 */
    border: 1px solid transparent; /* 假边框，用于悬停时的动画 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* 整体平滑动画 */
    position: relative; 
    overflow: hidden; /* 隐藏光影效果溢出部分 */
}

/* ----------------------------------- */
/* 2. 悬停 (Hover) 效果：光影与边框 */
/* ----------------------------------- */

/* 悬停时，文字颜色高亮，提升层次感 */
.elementor-item.menu-link:hover {
    color: #1A73E8; /* 蓝色主色调 */
    background-color: #F7F9FC; /* 极浅背景色 */
    border-color: #D3E0F0; /* 浅蓝色边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* 极轻微的阴影抬升 */
}

/* 悬停时的光影动画（从侧面闪过） */
.elementor-item.menu-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* 初始位置在左侧外部 */
    width: 30%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* 白色半透明光束 */
    transform: skewX(-20deg); /* 斜切效果 */
    transition: left 0.7s ease-in-out;
}

.elementor-item.menu-link:hover::before {
    left: 100%; /* 悬停时，光束划过整个链接区域 */
}


/* ----------------------------------- */
/* 3. 激活 (Active) 状态：选中突出显示 */
/* ----------------------------------- */

.elementor-item.menu-link.current-menu-item,
.elementor-item.menu-link.active {
    color: #FFFFFF; /* 选中状态文字变白 */
    background-color: #1A73E8; /* 强烈的蓝色主色调 */
    border-color: #1A73E8; /* 边框与背景同色 */
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3); /* 强烈的颜色阴影突出 */
    font-weight: 600;
}

/* 选中状态下移除光影动画干扰 */
.elementor-item.menu-link.current-menu-item:hover::before,
.elementor-item.menu-link.active:hover::before {
    left: -100%; /* 选中后停止光影动画 */
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-65b2292 *//* -------------------------------------------
   1. 分页容器 (ul.page-numbers) 样式
   ------------------------------------------- */
.page-numbers {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* 页码间距增大，防止重叠 */
    /* 移除可能导致外部方框的默认边框或阴影 */
    border: none !important;
    box-shadow: none !important;
}

/* -------------------------------------------
   2. 列表项 (li) - 确保没有多余边框
   ------------------------------------------- */
.page-numbers li {
    display: inline-block;
    /* 移除所有可能导致方框的样式 */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* -------------------------------------------
   3. 页码链接/span (a & span) 核心样式：圆形按钮
   ------------------------------------------- */
.page-numbers li a,
.page-numbers li span {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 尺寸定义 */
    width: 40px; 
    height: 40px;
    line-height: 40px; /* 垂直居中，虽然 flex 已经处理 */
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    /* *** 核心：将边框半径设为 50% 实现圆形 *** */
    border-radius: 50%; 
    transition: all 0.3s ease;
    box-sizing: border-box; /* 确保 padding/border 不会增加总尺寸 */
}

/* -------------------------------------------
   4. 正常状态（链接 a）- 黑色主题
   ------------------------------------------- */
.page-numbers li a {
    color: #000000; /* 文本颜色设为黑色 */
    background-color: transparent;
    border: 1px solid #000000; /* 边框颜色设为黑色 */
    box-shadow: none;
}

/* -------------------------------------------
   5. 悬停状态 (Hover) - 金黄色主题 #ddbb66
   ------------------------------------------- */
.page-numbers li a:hover {
    color: #ffffff; 
    background-color: #ddbb66; 
    border-color: #ddbb66; 
    transform: none; /* 移除上抬效果，保持稳定 */
    box-shadow: 0 4px 8px rgba(221, 187, 102, 0.5); /* 柔和的金黄色阴影 */
}

/* -------------------------------------------
   6. 当前页 (Current Page) - 强调突出
   ------------------------------------------- */
.page-numbers li span.current {
    color: #ffffff; 
    background-color: #ddbb66; 
    border: 1px solid #ddbb66;
    font-weight: 700;
    cursor/* End custom CSS */