.elementor-459 .elementor-element.elementor-element-6cfb3579{--display:flex;--min-height:32px;--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:center;--align-items:center;--gap:18px 10px;--row-gap:18px;--column-gap:10px;--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-459 .elementor-element.elementor-element-6cfb3579:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-6cfb3579 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F3ED;}.elementor-459 .elementor-element.elementor-element-74c1922.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-74c1922{--e-rating-icon-font-size:12px;--e-rating-gap:3px;}.elementor-459 .elementor-element.elementor-element-63674e80.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-63674e80 .elementor-heading-title{font-size:14px;line-height:17px;color:#283455;}.elementor-459 .elementor-element.elementor-element-2a99c2ec{--display:flex;--min-height:0px;--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DAD6D3;--border-color:#DAD6D3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-2a99c2ec:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-2a99c2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF9F7F2;}.elementor-459 .elementor-element.elementor-element-3c5c999a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-10469449{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:1%;--padding-bottom:2%;--padding-left:4%;--padding-right:4%;}.elementor-459 .elementor-element.elementor-element-7e915b80{--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-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products  ul.products{grid-column-gap:15px;grid-row-gap:15px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );margin-bottom:1px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );margin-bottom:1px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .star-rating::before{color:#DACEB9;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .star-rating{font-size:0.7em;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-size:16px;font-weight:700;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price del{color:#8A8A8A;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price del .amount{color:#8A8A8A;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product .price del {font-weight:500;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products ul.products li.product span.onsale{display:block;background-color:#C2AC86;border-radius:0px;min-height:27px;line-height:27px;}@media(min-width:768px){.elementor-459 .elementor-element.elementor-element-7e915b80{--width:100%;}}@media(max-width:1024px){.elementor-459 .elementor-element.elementor-element-10469449{--padding-top:2%;--padding-bottom:4%;--padding-left:2%;--padding-right:2%;}.elementor-459 .elementor-element.elementor-element-7e915b80{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(max-width:767px){.elementor-459 .elementor-element.elementor-element-74c1922{--e-rating-icon-font-size:8px;}.elementor-459 .elementor-element.elementor-element-63674e80 .elementor-heading-title{font-size:10px;}.elementor-459 .elementor-element.elementor-element-10469449{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-459 .elementor-element.elementor-element-21ba5eb5.elementor-wc-products  ul.products{grid-column-gap:8px;grid-row-gap:10px;}}/* Start custom CSS for container, class: .elementor-element-6cfb3579 */.ct-container-full {
    padding-top: 0 !important; /* 将 padding-top 设置为 0，并使用 !important 提高优先级 */
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-21ba5eb5 *//* =========================================
   1. 顶部工具栏美化 (.woo-listing-top)
   ========================================= */
/* 容器：让排序栏和下方产品拉开距离 */
.woo-listing-top {
    margin-bottom: 40px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee; /* 一条极淡的底线，呼应侧边栏 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 排序下拉框美化 */
.woo-listing-top select.orderby {
    border: none !important;
    background-color: transparent !important;
    font-size: 14px;
    color: #555;
    font-weight: 500;
    cursor: pointer;
    padding-right: 20px; /* 给下拉箭头留位 */
}

/* 结果统计文字 (Showing x-x of x results) */
.woo-listing-top .woocommerce-result-count {
    font-size: 13px;
    color: #888;
    letter-spacing: 0.5px;
}



/* =========================================
   3. 单个产品卡片 (.product)
   ========================================= */
.woocommerce ul.products li.product {
    transition: transform 0.3s ease;
    overflow: visible !important; /* 确保悬浮按钮不被切掉 */
}

/* 悬停交互：卡片轻微上浮，但不加阴影，保持干净 */
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px); 
}



/* =========================================
   1. 弹窗容器：强制圆角修复
   ========================================= */
/* 针对最外层包裹器和实际内容层同时设置圆角 */
#woosq-popup .woosq-popup-inner,
#woosq-popup .woosq-product {
    border-radius: 16px !important; /* 12px 圆角，比之前更明显一点 */
    overflow: hidden !important;    /* 核心：切掉直角图片和背景 */
    background: #ffffff !important;
}
/* 遮罩层 */
#woosq-popup {
    background: rgba(0, 0, 0, 0.6) !important;
}

/* === 调整快速查看弹窗标题字体大小 === */

#woosq-popup .entry-title {
    font-size: 22px !important;  /* 这里修改数值：建议 16px - 20px 之间 */
    line-height: 1.4 !important; /* 行高，让多行标题看起来不拥挤 */
    font-weight: 600 !important; /* 字重：600是半粗，想要细一点改成 400 */
    margin-bottom: 0px !important; /* 标题和下方价格的间距 */
}
/* === 去掉指定 P 标签的底部间距 === */

/* 1. 针对您提供的特定类名 */
#woosq-popup ._6o3atzbl,
#woosq-popup ._6o3atz18y,
#woosq-popup ._6o3atz1dh {
    margin-block-end: 0 !important; /* 核心需求 */
    color: #878B93;
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 10px !important;    /* 双重保险，兼容常规布局 */
    padding-bottom: 0 !important;   /* 防止还有内边距 */
}

/* 2. (可选) 暴力清除所有描述段落的底部间距 */
/* 如果上面的类名变了，这段代码能保证所有描述里的段落都没有间距 */
#woosq-popup .woocommerce-product-details__short-description p {
    margin-block-end: 0 !important;
    margin-bottom: 0 !important;
}
/* === 去掉快速查看弹窗中价格的底部间距 === */
#woosq-popup .price {
    margin-bottom: 0 !important;       /* 去掉下外边距 */
    margin-block-end: 0 !important;    /* 去掉逻辑底部间距 */
    padding-bottom: 6px !important;      /* 防止有内边距 */
    color: #222;
    font-size: 24px;
}
/* =========================================
   1. 整体容器布局 (Flex)
   ========================================= */
#woosq-popup form.cart {
    display: flex !important;
    align-items: center !important; /* 垂直对齐 */
    gap: 15px !important;           /* 数量框和按钮之间的间距 */
    margin-top: 20px !important;    /* 距离上方价格/描述的间距 */
    flex-wrap: nowrap !important;   /* 防止换行 */
}

/* =========================================
   2. 数量选择框 (Quantity Box)
   ========================================= */
/* 针对 Blocksy 的 quantity 容器 */
#woosq-popup .quantity {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #e0e0e0 !important; /* 整体加一个浅灰边框 */
    border-radius: 4px !important;         /* 微圆角 */
    height: 48px !important;               /* 设定固定高度 */
    width: 120px !important;               /* 设定固定宽度 */
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* --- 输入框本身 (Input) --- */
#woosq-popup .quantity input.qty {
    width: 120px !important;       /* 中间数字区域宽度 */
    height: 100% !important;
    border: none !important;      /* 去掉输入框自带边框 */
    background: transparent !important;
    color: #000 !important;
    font-weight: 600 !important;  /* 数字加粗 */
    font-size: 16px !important;
    padding: 0 !important;
    text-align: center !important;
    -moz-appearance: textfield !important; /* 去掉火狐默认箭头 */
}
/* 去掉谷歌浏览器的上下箭头 */
#woosq-popup .quantity input.qty::-webkit-inner-spin-button, 
#woosq-popup .quantity input.qty::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}



/* =========================================
   Quick View (快速查看) 弹窗样式优化
   ========================================= */

/* 1. 针对 WPC Smart Quick View 的容器修正 */
/* 这里的 #woosq-popup 是该插件通用的弹窗ID，确保只影响弹窗 */
#woosq-popup form.cart,
.woosq-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important; /* 弹窗空间小，间距稍微调小一点 */
}

/* 2. 数量选择器高度适配 */
#woosq-popup .quantity,
#woosq-popup .quantity input.qty {
    height: 46px !important; /* 弹窗里按钮稍微做小一点点更精致，或者保持46px */
    min-height: 40px !important;
    border-radius: 4px !important;
}

/* 3. [Add to cart] 加入购物车 - 弹窗版 */
#woosq-popup button.single_add_to_cart_button {
    background-color: #f9f9f9 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    height: 46px !important;
    line-height: 1 !important; /* 防止文字垂直不居中 */
    padding: 0 15px !important;
    font-size: 13px !important; /* 字体稍微改小以适应弹窗 */
    font-weight: 600 !important;
    border-radius: 4px !important;
    flex: 1; /* 自动填充宽度 */
    min-width: auto !important; /* 允许在小空间下缩小 */
    display: flex;
    align-items: center;
    justify-content: center;
}

#woosq-popup button.single_add_to_cart_button:hover {
    background-color: #eee !important;
    transform: translateY(-1px);
}

/* 4. [buy now] 立即购买 - 弹窗版 */
#woosq-popup a.button.buy-now-button {
    margin-left: 0 !important; /* 强制覆盖行内样式的 10px */
    
    /* 红色大促渐变风格 */
    background: linear-gradient(90deg, #d31027 0%, #ea384d 100%) !important;
    color: #fff !important;
    border: none !important;
    
    height: 46px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    
    /* 修正文字大小写和对齐 */
    text-transform: uppercase !important; /* 把 'buy now' 变成 'BUY NOW' */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    flex: 1; /* 自动填充宽度 */
    min-width: auto !important;
    box-shadow: 0 3px 8px rgba(211, 16, 39, 0.25) !important;
}

#woosq-popup a.button.buy-now-button:hover {
    background: linear-gradient(90deg, #b00d20 0%, #d31027 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(211, 16, 39, 0.35) !important;
    color: #fff !important;
}

/* 5. 极小屏幕适配 (手机弹窗) */
@media (max-width: 480px) {
    #woosq-popup form.cart {
        flex-direction: column !important; /* 垂直排列 */
        align-items: stretch !important; /* 拉伸占满宽度 */
    }
    
    #woosq-popup .quantity {
        width: 100% !important; /* 数量框占满 */
        margin-right: 0 !important;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
    }
    
    #woosq-popup button.single_add_to_cart_button,
    #woosq-popup a.button.buy-now-button {
        width: 100% !important;
        margin-bottom: 5px;
    }
}

/* =========================================
   4. 移动端适配
   ========================================= */
@media (max-width: 768px) {
    /* 手机上保持不换行，或者您可以把下面的 nowrap 改成 wrap 让它们换行 */
    #woosq-popup form.cart {
        gap: 10px !important;
    }
    
    /* 手机上稍微缩小一点按钮高度 */
    #woosq-popup .quantity,
    #woosq-popup button.single_add_to_cart_button {
        height: 44px !important; 
    }
}
/* === 简单调整关闭按钮大小和位置 === */
button.mfp-close {
    /* 2. 改间距 (离右上角的距离) */
    right: 6px !important;       /* 离右边 10px */
    top: 13px !important;          /* 离顶部 5px */
    
    /* 3. 基础修正 (防止点击范围太小或看不清) */
    width: 44px !important;       /* 增加可点击范围 */
    opacity: 1 !important;        /* 让它一直深色显示，不要半透明 */
    line-height: 44px !important; /* 垂直居中 */
}
/* === 产品 Meta 信息垂直堆叠样式 === */

/* 1. 容器改为垂直 Flex 布局 */
.product_meta {
    display: flex !important;
    flex-direction: column !important; /* 核心：垂直排列 */
    gap: 8px !important;               /* 每一行之间的间距 */
    margin-top: 20px !important;       /* 距离上方按钮的间距 */
    
    /* 字体美化 */
    font-size: 13px !important;
    color: #777 !important;
    line-height: 1.5 !important;
    border-top: 1px solid #eee !important; /* 可选：顶部加一条细线分隔 */
    padding-top: 15px !important;
}

/* 2. 确保里面的每一项 (SKU, Category 等) 占据整行 */
.product_meta > span {
    display: block !important;
    width: 100% !important;
}

/* 3. 美化链接文字 (分类/标签的点击链接) */
.product_meta a {
    color: #333 !important; /* 深色文字 */
    text-decoration: none !important;
    transition: color 0.2s !important;
    font-weight: 500 !important;
}

.product_meta a:hover {
    color: #000 !important; /* 悬停变黑 */
    text-decoration: underline !important;
}/* End custom CSS */