.elementor-303 .elementor-element.elementor-element-0cf6400{--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:2%;--padding-bottom:02%;--padding-left:0%;--padding-right:0%;}.elementor-303 .elementor-element.elementor-element-e61f7dc{--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-303 .elementor-element.elementor-element-808db4e .woocommerce-breadcrumb{color:#222222;font-family:"Times New Roman", Sans-serif;font-size:26px;font-weight:300;text-align:center;}.elementor-303 .elementor-element.elementor-element-808db4e .woocommerce-breadcrumb > a{color:#8B8B8B;}.elementor-303 .elementor-element.elementor-element-1034a48{text-align:center;}.elementor-303 .elementor-element.elementor-element-1034a48 .elementor-heading-title{font-size:13px;font-weight:400;color:#535353;}.elementor-303 .elementor-element.elementor-element-2b169f2{--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;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-98bc89d{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-24b5cf2 img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-303 .elementor-element.elementor-element-b218fa1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-b218fa1 .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-75e591c{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-5b9e793 img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-303 .elementor-element.elementor-element-b927db2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-b927db2 .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-84dfa4c{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-a905c92 img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-303 .elementor-element.elementor-element-b846952{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-b846952 .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-a59ca36{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-414e54b img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-303 .elementor-element.elementor-element-a6c47e8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-a6c47e8 .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-5d20f57{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-eb547a2 img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:16px 16px 16px 16px;}.elementor-303 .elementor-element.elementor-element-e7ba6ea{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-e7ba6ea .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-db3044c{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-8672bbb img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-303 .elementor-element.elementor-element-ad57150{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-303 .elementor-element.elementor-element-ad57150 .elementor-heading-title{font-size:13px;font-weight:600;}.elementor-303 .elementor-element.elementor-element-5ac2828{--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;}.elementor-303 .elementor-element.elementor-element-5a71d41{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-bc05cf7 .elementor-button{background-color:#FFFFFF;font-size:14px;font-weight:600;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:9px 14px 9px 14px;}.elementor-303 .elementor-element.elementor-element-bc05cf7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-303 .elementor-element.elementor-element-bc05cf7 .elementor-button:hover, .elementor-303 .elementor-element.elementor-element-bc05cf7 .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-303 .elementor-element.elementor-element-d470ace{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-303 .elementor-element.elementor-element-c034532{--display:flex;}.elementor-303 .elementor-element.elementor-element-ad3eea6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:19px;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-303 .elementor-element.elementor-element-ec39546 nav.woocommerce-pagination ul{border-color:#000000;}.elementor-303 .elementor-element.elementor-element-ec39546 nav.woocommerce-pagination ul li{border-right-color:#000000;border-left-color:#000000;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products ul.products li.product span.onsale{display:block;background-color:#5CAF1A;border-radius:0px;min-height:26px;line-height:26px;margin:-8px;}@media(min-width:768px){.elementor-303 .elementor-element.elementor-element-0cf6400{--content-width:1054px;}.elementor-303 .elementor-element.elementor-element-5ac2828{--content-width:1384px;}.elementor-303 .elementor-element.elementor-element-d470ace{--content-width:1384px;}}@media(max-width:1024px){.elementor-303 .elementor-element.elementor-element-0cf6400{--padding-top:02%;--padding-bottom:02%;--padding-left:02%;--padding-right:02%;}.elementor-303 .elementor-element.elementor-element-2b169f2{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-24b5cf2 img{height:150px;}.elementor-303 .elementor-element.elementor-element-5b9e793 img{height:150px;}.elementor-303 .elementor-element.elementor-element-a905c92 img{height:150px;}.elementor-303 .elementor-element.elementor-element-414e54b img{height:150px;}.elementor-303 .elementor-element.elementor-element-eb547a2 img{height:150px;}.elementor-303 .elementor-element.elementor-element-8672bbb img{height:150px;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-303 .elementor-element.elementor-element-e61f7dc{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-303 .elementor-element.elementor-element-2b169f2{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-98bc89d{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-24b5cf2 img{height:180px;}.elementor-303 .elementor-element.elementor-element-b218fa1 .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-75e591c{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-5b9e793 img{height:180px;}.elementor-303 .elementor-element.elementor-element-b927db2 .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-84dfa4c{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-a905c92 img{height:180px;}.elementor-303 .elementor-element.elementor-element-b846952 .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-a59ca36{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-414e54b img{height:180px;}.elementor-303 .elementor-element.elementor-element-a6c47e8 .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-5d20f57{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-eb547a2 img{height:200px;}.elementor-303 .elementor-element.elementor-element-e7ba6ea .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-db3044c{--width:48%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-8672bbb img{height:200px;}.elementor-303 .elementor-element.elementor-element-ad57150 .elementor-heading-title{font-size:16px;}.elementor-303 .elementor-element.elementor-element-5ac2828{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-303 .elementor-element.elementor-element-5a71d41{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-d470ace{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-c034532{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-ec39546.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-98bc89d *//* --- 隐形卡片交互最终版 (Class: pop-up-card) --- */

/* 1. 默认状态：看起来只是图片和文字，没有卡片背景 */
.pop-up-card {
    /* 【关键】必须保留这个内边距占位 */
    /* 如果默认不写 padding，移入时图片会瞬间缩小，体验很差 */
    padding:10px; 
    
    /* 背景透明 = 看不到卡片 */
    background-color: transparent; 
    
    /* 预设圆角，虽然现在看不见背景，但为了过渡平滑要写上 */
    border-radius: 16px;
    
    /* 无阴影 */
    box-shadow: none; 
    
    /* 动画设置 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;    /* 可选：边框颜色稍微加深一点点 */
    
}

/* 2. 移入状态：卡片显形 + 上浮 */
.pop-up-card:hover {
    /* 背景变成白色 -> 卡片出现了 */
    background-color: #ffffff;
    
    /* 向上浮动 10px */
    transform: translateY(-10px);
    
    /* 出现柔和的投影 */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 3. 图片样式：始终保持大圆角 */
.pop-up-card img {
    /* 这里的 12px 是为了配合卡片显形后的内圆角 */
    border-radius: 12px !important; 
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for sidebar, class: .elementor-element-537bc98 *//* =========================================
   将筛选器触发器改为“简约线框按钮”样式
========================================= */
.wp-block-woocommerce-product-filters button,
.wc-block-product-filters__trigger {
    background-color: #ffffff !important; /* 背景色：白 */
    color: #222222 !important;           /* 文字颜色：黑 */
    width: 100%;
    border: 1px solid #222222 !important; /* 黑色细边框 */
    border-radius: 10px !important;       /* 小圆角矩形 */
    padding: 10px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* =========================================
   桌面 + iPad (宽屏 ≥768px) 隐藏筛选触发按钮
   手机端 (<768px) 保持显示，用于弹出 overlay
========================================= */
@media (min-width: 768px) {
    .wc-block-product-filters__trigger,
    .wp-block-woocommerce-product-filters__open-overlay,
    .wp-block-woocommerce-product-filters button,
    .wc-block-product-filters button {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-ec39546 *//* =========================================================
   1. 布局核心 (保持不动，这是防止排版错乱的地基)
   ========================================================= */
.elementor-widget-wc-archive-products .woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
    grid-template-columns: none !important;
}

.elementor-widget-wc-archive-products .woocommerce ul.products li.product {
    width: calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    float: none !important;
    box-sizing: border-box !important;
    
    /* --- 新增：卡片容器基础样式 --- */
    background-color: #ffffff; /* 必须要有白底，阴影才好看 */
    padding: 15px;             /* 给内容留出呼吸空间 */
    border-radius: 8px;        /* 圆角卡片 */
    border: 1px solid #f0f0f0; /* 非常淡的边框，增加精致感 */
    transition: all 0.3s ease; /* 动画过渡 */
}

/* 响应式：平板 3 列 */
@media (max-width: 1024px) {
    .elementor-widget-wc-archive-products .woocommerce ul.products li.product {
        width: calc(33.333% - 14px) !important;
        max-width: calc(33.333% - 14px) !important;
    }
}

/* 响应式：手机 2 列 */
@media (max-width: 767px) {
    .elementor-widget-wc-archive-products .woocommerce ul.products { gap: 10px !important; }
    .elementor-widget-wc-archive-products .woocommerce ul.products li.product {
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 10px; /* 手机端内边距稍微小一点 */
    }
}

/* =========================================================
   2. 样式美化 (让它看起来像现代电商)
   ========================================================= */

/* --- A. 卡片悬停特效 (高级阴影) --- */
/* 鼠标移入整个卡片时，整体上浮并产生柔和阴影 */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product:hover {
    transform: translateY(-5px); /* 向上浮动 5px */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); /* 扩散的大阴影，不生硬 */
    border-color: transparent; /* 悬停时隐藏边框，强调阴影 */
}

/* --- B. 图片样式 --- */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product img {
    margin-bottom: 12px !important; /* 图片和文字分开点 */
    border-radius: 4px; /* 图片也带点微圆角 */
    width: 100% !important;
    height: auto !important;
}

/* --- C. 标题样式 (限制单行 + 变黑) --- */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 600 !important; /* 加粗 */
    color: #333 !important;      /* 深灰色，比纯黑柔和 */
    text-decoration: none !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    
    /* 强制单行，超出省略号 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* --- D. 价格样式 --- */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product .price {
    color: #000 !important;
    font-weight: bold;
    font-size: 16px !important;
    display: block !important;
}
/* 原价颜色变淡 */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product .price del {
    opacity: 0.5;
    font-weight: normal;
    font-size: 13px;
}

/* --- E. 按钮美化 (把那个土气的蓝框改掉) --- */
.elementor-widget-wc-archive-products .woocommerce ul.products li.product .button {
    background-color: #22111111 !important; /* 改成黑色，或者你主题的品牌色 */
    color: #222 !important;
    border-radius: 4px !important;     /* 按钮圆角 */
    padding: 8px 16px !important;      /* 按钮内边距 */
    font-size: 13px !important;
    font-weight: 500 !important;
    width: 100%;                       /* 按钮占满卡片宽度，如果不想要可以删这行 */
    text-align: center;
    transition: 0.3s;
}
.elementor-widget-wc-archive-products .woocommerce ul.products li.product .button:hover {
    background-color: #444 !important; /* 悬停时按钮稍微变浅 */
        color: #fff !important;

    transform: none !important;        /* 防止按钮单独动 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d470ace */.custom-discount-badge {
    display: inline-block;
    background-color: #FF444412;
  color: #ff1313 !important; /* 改成你想要的颜色 */
    font-weight: 700;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: middle;

    /* 新增的设置 */
    height: 20px; /* 设置高度 */
    line-height: 18px; /* 使文本垂直居中 */
}/* End custom CSS */