.elementor-2830 .elementor-element.elementor-element-a700930{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2830 .elementor-element.elementor-element-a513cc9{--display:flex;--min-height:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFC400;--border-color:#FFC400;--border-radius:20px 20px 20px 20px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2830 .elementor-element.elementor-element-a513cc9:not(.elementor-motion-effects-element-type-background), .elementor-2830 .elementor-element.elementor-element-a513cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2830 .elementor-element.elementor-element-815f116 > .elementor-widget-container{padding:20px 0px 50px 0px;}.elementor-2830 .elementor-element.elementor-element-815f116 .title-subtitle{color:#FB9301;font-size:26px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-815f116 .title{color:#000000;font-size:30px;font-weight:500;letter-spacing:5px;}.elementor-2830 .elementor-element.elementor-element-815f116 .title-after_title{font-size:18px;}.elementor-2830 .elementor-element.elementor-element-319f463{--display:flex;}.elementor-2830 .elementor-element.elementor-element-3c72312 > .elementor-widget-container{margin:060px 0px 0px 0px;}.elementor-2830 .elementor-element.elementor-element-3c72312 .title{color:#FF9C00;font-size:33px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-fe0c8a6{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2830 .elementor-element.elementor-element-a871f7b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2830 .elementor-element.elementor-element-a2a6916{--display:flex;}.elementor-2830 .elementor-element.elementor-element-0307df4 .title{color:#FF9C00;font-size:33px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-5807a7f{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2830 .elementor-element.elementor-element-4855b90{--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 30px;--row-gap:0px;--column-gap:30px;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2830 .elementor-element.elementor-element-de98cde{--display:flex;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2830 .elementor-element.elementor-element-de98cde:not(.elementor-motion-effects-element-type-background), .elementor-2830 .elementor-element.elementor-element-de98cde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 30%, #FF9C00 100%);}.elementor-2830 .elementor-element.elementor-element-de98cde::before, .elementor-2830 .elementor-element.elementor-element-de98cde > .elementor-background-video-container::before, .elementor-2830 .elementor-element.elementor-element-de98cde > .e-con-inner > .elementor-background-video-container::before, .elementor-2830 .elementor-element.elementor-element-de98cde > .elementor-background-slideshow::before, .elementor-2830 .elementor-element.elementor-element-de98cde > .e-con-inner > .elementor-background-slideshow::before, .elementor-2830 .elementor-element.elementor-element-de98cde > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2830 .elementor-element.elementor-element-f82c893 .title{color:#080808;font-size:26px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-f82c893 .title-after_title{color:#000000;font-size:20px;line-height:35px;}.elementor-2830 .elementor-element.elementor-element-e0c55f1{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2830 .elementor-element.elementor-element-e0c55f1:not(.elementor-motion-effects-element-type-background), .elementor-2830 .elementor-element.elementor-element-e0c55f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 33%, #FF9C00 100%);}.elementor-2830 .elementor-element.elementor-element-f1c567c .title{color:#000000;font-size:26px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-f1c567c .title-after_title{color:#000000;font-size:20px;line-height:35px;}.elementor-2830 .elementor-element.elementor-element-22f279c{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2830 .elementor-element.elementor-element-22f279c:not(.elementor-motion-effects-element-type-background), .elementor-2830 .elementor-element.elementor-element-22f279c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 30%, #FF9C00 100%);}.elementor-2830 .elementor-element.elementor-element-3f0139f .title{color:#000000;font-size:26px;font-weight:500;}.elementor-2830 .elementor-element.elementor-element-3f0139f .title-after_title{color:#000000;font-size:20px;line-height:35px;}@media(max-width:768px){.elementor-2830 .elementor-element.elementor-element-a513cc9{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2830 .elementor-element.elementor-element-319f463{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2830 .elementor-element.elementor-element-4855b90{--gap:8px 0px;--row-gap:8px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for wd_products, class: .elementor-element-5b1d1be *//* 强制 Woodmart 产品列表中所有产品图片大小一致且变形不失真 */
.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img,
.wd-product .product-wrapper img,
.wd-product .product-element-top img,
.product-element-top .product-image-link img {
    width: 100% !important;
    height: 280px !important;       /* 您可以根据产品图的视觉效果调整高度，通常建议在 250px - 320px 之间 */
    object-fit: cover !important;    /* 核心属性：等比例裁剪填充，防止图片被挤压或变形 */
    object-position: center top !important; /* 裁剪时优先保留图片中上部（通常是产品瓶身/主体） */
}
/* 1. 强制隐藏悬停时出现的第二张图片 */
.wd-product .hover-img,
.product-grid-item .hover-image,
.wd-product .hover-image {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. 确保主图在悬停时不被隐藏，保持完全显示 */
.wd-product:hover .main-image,
.product-grid-item:hover .main-image {
    opacity: 1 !important;
}

/* 3. 为主图设置平滑过渡动画 */
.wd-product .product-image-link img,
.product-grid-item .product-image-link img {
    transition: transform 0.4s ease-in-out !important;
}

/* 4. 鼠标悬停时，图片放大 8% */
.wd-product:hover .product-image-link img,
.product-grid-item:hover .product-image-link img {
    transform: scale(1.08) !important;
}

/* 5. 限制图片超出容器，防止放大时溢出变形 */
.wd-product .product-image-link,
.product-grid-item .product-image-link {
    overflow: hidden !important;
}
/* ==========================================================================
   1. 解决高度对齐问题：强行让同一行的所有产品卡片等高
   ========================================================================== */
.product-grid-item.wd-product {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important; /* 确保底部红条不会超出卡片的圆角 */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    
    /* 核心修改：使用 flex 布局强行撑开卡片，使其与最高的一致 */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 鼠标悬停卡片时的浮起效果 */
.product-grid-item.wd-product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* 重新规划内层容器：让内部高度也填满并预留底部空间 */
.product-grid-item.wd-product .wd-product-wrapper {
    position: relative !important; 
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important; /* 核心修改：使其拉伸填满主卡片 */
    height: 100% !important;
    padding-bottom: 50px !important; /* 预留 50px 给底部并排红条 */
}

/* ==========================================================================
   2. 解决斜线显示不全问题：重新配置层级关系 (z-index)
   ========================================================================== */

/* 左侧价格区 */
.product-grid-item.wd-product .price {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 50% !important; /* 宽度占一半 */
    height: 50px !important; /* 红条高度 */
    background-color: #E67171 !important; /* 珊瑚红色 */
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important; /* 必须可见，允许斜线溢出边界 */
    
    /* 核心修改：将层级提高到 10，使其高于右侧按钮的 5，防止斜线右侧被按钮遮挡 */
    z-index: 10 !important; 
}

/* 强制让价格里的金额字体呈现加粗白色 */
.product-grid-item.wd-product .price,
.product-grid-item.wd-product .price * {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* 右侧“选择选项”按钮 */
.product-grid-item.wd-product .wd-add-btn {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 50% !important; /* 宽度占一半 */
    height: 50px !important; /* 红条高度 */
    background-color: #E67171 !important; /* 珊瑚红色 */
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* 核心修改：降低层级到 5，让出空间给左侧价格容器的斜线 */
    z-index: 5 !important; 
}

/* 清除按钮原有样式，转为白色字 */
.product-grid-item.wd-product .wd-add-btn a.add-to-cart-loop {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* 隐藏按钮多余图标 */
.product-grid-item.wd-product .wd-add-btn a .wd-action-icon,
.product-grid-item.wd-product .wd-add-btn a::before,
.product-grid-item.wd-product .wd-add-btn a::after {
    display: none !important;
}

/* 中间分割斜线 */
.product-grid-item.wd-product .price::after {
    content: "" !important;
    position: absolute !important;
    right: -1.5px !important; /* 精确定位到 50% 处的正中间分界线 */
    top: 10px !important;
    width: 3px !important; /* 斜线粗细 */
    height: 30px !important; /* 斜线长度 */
    background-color: #ffffff !important; /* 白色 */
    transform: rotate(22deg) !important; /* 倾斜 22 度 */
    
    /* 核心修改：层级设为最高 */
    z-index: 20 !important; 
}

/* ==========================================================================
   3. 净化多余元素与间距调整
   ========================================================================== */
/* 隐藏分类文字 */
.product-grid-item.wd-product .wd-product-cats {
    display: none !important;
}

/* 隐藏悬浮功能图标 */
.product-grid-item.wd-product .wd-buttons {
    display: none !important;
}

/* 标题样式微调 */
.product-grid-item.wd-product .wd-entities-title {
    text-align: center !important;
    margin: 15px 10px 10px 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5807a7f *//* ==========================================================================
   1. 商品卡片整体基础规范（白底、圆角、阴影、底部留白防被遮挡）
   ========================================================================== */
.wd-products-element .product-grid-item,
.wd-carousel-container .product-grid-item {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important; /* 确保底部绝对定位的色块不会溢出卡片之外 */
}

/* 彻底隐去顶层可能会干扰视觉的所有多余小标签和快捷图标 */
.wd-products-element .wd-buttons,
.wd-carousel-container .wd-buttons,
.wd-products-element .product-labels {
    display: none !important;
}

/* 重点：给卡片最底层文本层留足恰好 48px 的底边距，防止商品名称或其他文本掉进粉色通栏下方 */
.wd-products-element .product-element-bottom,
.wd-carousel-container .product-element-bottom {
    padding-bottom: 48px !important; 
    margin-bottom: 0 !important;
    position: static !important; /* 解除固有流布局定位限制 */
}

/* ==========================================================================
   2. 价格标签（左侧半通栏）重组与纯色底填充
   ========================================================================== */
.wd-products-element .product-element-bottom .price,
.wd-carousel-container .product-element-bottom .price {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 50% !important;        /* 精确占满卡片底部左侧 50% 的区域 */
    height: 48px !important;       /* 高度设为标准通栏高度 */
    background-color: #E67171 !important; /* 对标同款亮粉/橙底色 */
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
}

/* 强制使促销打折价格下的原价、现价等子文字全部渲染为白色 */
.wd-products-element .product-element-bottom .price *,
.wd-carousel-container .product-element-bottom .price * {
    color: #ffffff !important;
}

/* ==========================================================================
   3. 按钮容器层（右侧半通栏）重组与纯色底填充
   ========================================================================== */
.wd-products-element .product-element-bottom .wd-add-btn-wrapp,
.wd-carousel-container .product-element-bottom .wd-add-btn-wrapp {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 50% !important;        /* 精确占满卡片底部右侧 50% 的区域 */
    height: 48px !important;       /* 高度与左边高度完全咬合对齐 */
    background-color: #E67171 !important; /* 对标同款亮粉/橙底色 */
    margin: 0 !important;
    padding: 0 !important;
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
}

/* 去除 WoodMart 原生的按钮褐色背景块，让它回归为通透的白色文本 */
.wd-products-element .product-element-bottom .wd-add-btn-wrapp a,
.wd-carousel-container .product-element-bottom .wd-add-btn-wrapp a {
    background: transparent !important; /* 彻底清除原生默认的褐色背景块 */
    color: #ffffff !important;         /* 文字颜色修改为白色 */
    font-size: 15px !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* ==========================================================================
   4. 核心还原：在左侧价格与右侧按钮恰好相交的中轴线上，通过伪元素切出一条白色斜线
   ========================================================================== */
.wd-products-element .product-element-bottom .price::after,
.wd-carousel-container .product-element-bottom .price::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important; /* 刚好吸附在卡片垂直正中心 50% 处的分界线上 */
    top: 15px !important;
    width: 2px !important;
    height: 18px !important;
    background-color: rgba(255, 255, 255, 0.6) !important; /* 亮白透光的斜线 */
    transform: rotate(25deg) !important;                    /* 精准的倾斜角 */
    z-index: 10 !important;
}

/* 彻底斩断和隐藏加购或选择规格按钮内部自带的各种小购物车、正在加载小菊花、小箭头图标 */
.wd-products-element .product-element-bottom .wd-add-btn-wrapp a::before,
.wd-carousel-container .product-element-bottom .wd-add-btn-wrapp a::before,
.wd-products-element .product-element-bottom .wd-add-btn-wrapp a::after,
.wd-carousel-container .product-element-bottom .wd-add-btn-wrapp a::after {
    display: none !important;
}/* End custom CSS */