.elementor-67512 .elementor-element.elementor-element-c4c15b7{--display:flex;}.elementor-67512 .elementor-element.elementor-element-6e45a76{--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-67512 .elementor-element.elementor-element-6e45a76.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-67512 .elementor-element.elementor-element-d52f64f{--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-67512 .elementor-element.elementor-element-b8f0e24{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-67512 .elementor-element.elementor-element-b8f0e24 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-67512 .elementor-element.elementor-element-6e45a76{--width:118.713%;}}@media(max-width:1024px){.elementor-67512 .elementor-element.elementor-element-b8f0e24{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-67512 .elementor-element.elementor-element-b8f0e24{--swiper-slides-to-display:3;}}/* Start custom CSS for shortcode, class: .elementor-element-ca12324 *//* =========================================
   1. 产品详情页标题 - 打造奢侈品极致质感
   ========================================= */
body .lv-product-title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 22px !important; 
    font-weight: 600 !important;
    color: #1A1A1A !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}

/* =========================================
   2. WhatsApp 按钮 - 欧美大牌实心风格
   ========================================= */
body .wa-custom-btn {
    background-color: #25D366 !important; 
    border: 1px solid #25D366 !important;
    color: #ffffff !important;
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important; 
    padding: 15px 20px !important;
    margin-top: 12px !important;
    font-size: 14px !important; 
    font-weight: 700 !important; 
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 6px rgba(37, 211, 102, 0.15);
    transition: all 0.3s ease !important;
}

body .wa-custom-btn i {
    margin-right: 10px !important;
    font-size: 18px !important;
}

body .wa-custom-btn:hover {
    background-color: #1DA851 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(37, 211, 102, 0.25);
}

/* =========================================
   3. 货币符号 $ 专项优化
   ========================================= */
.woocommerce-Price-currencySymbol, 
.price::before, 
.amount::before,
[class*="price-box"]::first-letter {
    font-family: "Inter", sans-serif !important;
    font-size: 1em !important;          
    font-weight: inherit !important;   
    vertical-align: baseline !important; 
    margin-right: 2px !important;      
    display: inline-block !important;
}

/* =========================================
   4. 手机端（Mobile）极致适配
   ========================================= */
@media (max-width: 768px) {
    body .lv-product-title {
        font-size: 17px !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 10px !important;
    }

    body .wa-custom-btn {
        font-size: 14px !important; 
        padding: 14px 0 !important;
    }

    body .woocommerce-Price-currencySymbol,
    body .price::before,
    body .amount::before,
    body [class*="price-box"]::first-letter,
    body .product-price::first-letter {
        font-size: 1em !important;      
        font-family: "Inter", sans-serif !important;
        font-weight: 700 !important;    
        vertical-align: baseline !important;
    }
}

/* =========================================
   5. 新增：产品图 Inner Zoom 放大镜增强补丁
   ========================================= */
.zoomImg {
    cursor: zoom-in !important; 
    z-index: 9999 !important;
}

@media (max-width: 768px) {
    .woocommerce-product-gallery {
        overflow: visible !important;
        margin-bottom: 20px !important;
    }
}

/* =========================================
   6. 完美对齐补丁
   ========================================= */
.woocommerce-product-gallery__trigger {
    display: none !important;
}

.woocommerce-product-gallery__image {
    overflow: hidden !important;
}

/* =========================================
   7. 补充：自定义容器导航与放大镜补丁 (核心修复版)
   ========================================= */

.lv-main-image-container {
    position: relative !important;
    overflow: hidden !important; 
    transform: translateZ(0) !important;
    cursor: zoom-in !important;
    display: block !important;
    z-index: 10 !important;
    touch-action: pan-y !important; /* 允许垂直滚动页面，左右留给 JS 切图 */
    -webkit-tap-highlight-color: transparent; /* 去除手机端点击时的阴影 */
}

/* 提高左右按键层级，确保在放大图之上 */
.lv-arrow {
    z-index: 10005 !important; 
    font-family: Arial, sans-serif !important;
    user-select: none !important;
}

/* 确保放大镜激活和悬停时游标正确 */
.lv-main-image-container:hover .zoomImg,
.zoomImg {
    cursor: zoom-in !important;
    background-color: #fff !important;
    position: absolute !important;
    top: 0;
    left: 0;
    max-width: none !important;
}

@media (max-width: 768px) {
    .lv-main-image-container {
        z-index: 1 !important;
        touch-action: pan-y !important; 
        /* 核心修改：手机端彻底禁用放大功能样式 */
        cursor: default !important;
    }
    /* 补丁：强制隐藏手机端生成的放大图层 */
    .zoomImg {
        display: none !important;
        pointer-events: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d52f64f *//* ============================
   1. 整体卡片容器布局优化
   ============================ */
.elementor-67512 .elementor-element.elementor-element-d52f64f {
    /* 开启Flex布局，确保内容从上到下排列 */
    display: flex;
    flex-direction: column;
    /* 统一卡片背景和边框，增加高级感 */
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 15px; /* 卡片内边距 */
    transition: all 0.3s ease; /* 整体过渡动画 */
    height: 100%; /* 确保填满轮播的高度 */
}

/* 鼠标悬停时卡片上浮并出现阴影 */
.elementor-67512 .elementor-element.elementor-element-d52f64f:hover {
    transform: translateY(-5px); /* 向上浮动 */
    box-shadow: 0 10px 20px rgba(0,0,0,0.08); /* 柔和阴影 */
    border-color: #e0e0e0;
}

/* ============================
   2. 图片强制统一尺寸 (核心)
   ============================ */
.elementor-67512 .elementor-element.elementor-element-d52f64f img {
    width: 100%;
    /* 强制设定图片比例为 1:1 (正方形) 或 4:3 */
    /* 如果想要长方形，改 1/1 为 3/4 */
    aspect-ratio: 1 / 1; 
    
    /* 关键：确保图片填满且不变形 */
    object-fit: cover; 
    
    border-radius: 8px; /* 图片圆角 */
    margin-bottom: 15px; /* 图片离标题的距离 */
    transition: transform 0.5s ease;
}

/* 图片悬停微放大 */
.elementor-67512 .elementor-element.elementor-element-d52f64f:hover img {
    transform: scale(1.05);
}

/* ============================
   3. 标题限制行数 (解决长短不一)
   ============================ */
.elementor-67512 .elementor-element.elementor-element-d52f64f .elementor-widget-heading .elementor-heading-title,
.elementor-67512 .elementor-element.elementor-element-d52f64f .elementor-widget-heading a {
    font-size: 16px; /* 标题字号 */
    font-weight: 600; /* 标题加粗 */
    color: #333;
    line-height: 1.4em;
    
    /* 核心代码：限制最多显示 2 行 */
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    /* 设定最小高度，确保即使只有1行字的标题，
       也会占据2行的高度，保证下方的价格对齐 */
    min-height: 2.8em; 
    margin-bottom: 10px;
}

.elementor-67512 .elementor-element.elementor-element-d52f64f .elementor-widget-heading a:hover {
    color: #000; /* 悬停标题变黑 */
    text-decoration: underline;
}

/* ============================
   4. 价格美化与对齐
   ============================ */
.elementor-67512 .elementor-element.elementor-element-d52f64f .elementor-widget-woocommerce-product-price {
    /* 将价格推到底部 (如果在Flex容器中) */
    margin-top: auto; 
    padding-top: 5px;
}

/* 现价样式 */
.elementor-67512 .elementor-element.elementor-element-d52f64f .woocommerce-Price-amount {
    font-size: 18px !important;
    font-weight: 700;
    color: #111;
}

/* 原价样式 (删除线) */
.elementor-67512 .elementor-element.elementor-element-d52f64f del .woocommerce-Price-amount {
    font-size: 13px !important;
    color: #999;
    font-weight: 400;
}/* End custom CSS */