.elementor-2755 .elementor-element.elementor-element-4aeffd7{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--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-2755 .elementor-element.elementor-element-c9917f3{--display:flex;--min-height:92px;}.elementor-2755 .elementor-element.elementor-element-ffa40e2{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2755 .elementor-element.elementor-element-fd0563a{--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 10px;--row-gap:0px;--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-2755 .elementor-element.elementor-element-de04edf{--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:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2755 .elementor-element.elementor-element-1a52438{width:100%;max-width:100%;}.elementor-2755 .elementor-element.elementor-element-1a52438 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#8B8B8B;border-radius:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-1a52438 .woocommerce-breadcrumb{color:#FF0505;font-size:14px;}.elementor-2755 .elementor-element.elementor-element-74339bb{width:var( --container-widget-width, 111% );max-width:111%;--container-widget-width:111%;--container-widget-flex-grow:0;}.elementor-2755 .elementor-element.elementor-element-74339bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2755 .elementor-element.elementor-element-74339bb > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-2586c21{width:100%;max-width:100%;}.elementor-2755 .elementor-element.elementor-element-2586c21 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:13px 13px 13px 13px;}.elementor-2755 .elementor-element.elementor-element-2586c21.elementor-element{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-2755 .elementor-element.elementor-element-2586c21 .woocommerce-tabs ul.wc-tabs li a{color:#FF0000;}.woocommerce .elementor-2755 .elementor-element.elementor-element-2586c21 .woocommerce-Tabs-panel h2{color:#FFFFFF00;}.elementor-2755 .elementor-element.elementor-element-34db4ed{--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:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2755 .elementor-element.elementor-element-3735f9a{text-align:center;}.elementor-2755 .elementor-element.elementor-element-3735f9a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;color:#FF0101;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2755 .elementor-element.elementor-element-4c244e0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-4c244e0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:#000000;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-2755 .elementor-element.elementor-element-5121f45 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-3873536{width:100%;max-width:100%;z-index:0;}.elementor-2755 .elementor-element.elementor-element-3873536 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-0b074d1{text-align:center;}.elementor-2755 .elementor-element.elementor-element-0b074d1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;color:#FF0000;}.elementor-2755 .elementor-element.elementor-element-f6d43b0{width:100%;max-width:100%;}.elementor-2755 .elementor-element.elementor-element-f6d43b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2755 .elementor-element.elementor-element-3efe521{--grid-template-columns:repeat(0, auto);--icon-size:19px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2755 .elementor-element.elementor-element-3efe521 .elementor-widget-container{text-align:center;}body.elementor-page-2755:not(.elementor-motion-effects-element-type-background), body.elementor-page-2755 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yadley-hyd.com/wp-content/uploads/2025/04/2222-scaled.jpg");background-repeat:no-repeat;background-size:cover;}body.elementor-page-2755{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2755 .elementor-element.elementor-element-4aeffd7{--content-width:1600px;}.elementor-2755 .elementor-element.elementor-element-de04edf{--width:69%;}.elementor-2755 .elementor-element.elementor-element-34db4ed{--width:39%;}}@media(min-width:1025px){body.elementor-page-2755:not(.elementor-motion-effects-element-type-background), body.elementor-page-2755 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2755 .elementor-element.elementor-element-4aeffd7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2755 .elementor-element.elementor-element-4aeffd7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-74339bb *//* ========== 1. 主图核心样式 ========== */
/* 主图容器固定600×600 */
.woocommerce-product-gallery {
    position: relative;
    max-width: 600px;
    margin: 0 auto 20px auto;
}
/* 主图尺寸+放大光标 */
.woocommerce-product-gallery__image img {
    width: 600px !important;
    height: 600px !important;
    object-fit: contain !important;
    cursor: crosshair !important;
}
/* 主图左右点击区域：纯透明，无任何背景/分隔线 */
.woocommerce-product-gallery__image {
    position: relative;
}
.woocommerce-product-gallery__image::before,
.woocommerce-product-gallery__image::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background: transparent !important; /* 强制纯透明，无任何遮罩 */
    transition: none !important; /* 取消背景过渡动画（无背景无需过渡） */
    border: none !important; /* 彻底移除分隔虚线 */
}
.woocommerce-product-gallery__image::before { 
    left: 0; 
}
.woocommerce-product-gallery__image::after  { 
    right: 0; 
}
/* 悬停无背景变化，仅保留光标交互 */
.woocommerce-product-gallery__image:hover::before,
.woocommerce-product-gallery__image:hover::after {
    background: transparent !important; /* 悬停也保持纯透明 */
}

/* ========== 2. 缩略图样式（50×50+轮播） ========== */
/* 缩略图容器：轮播基础+箭头容器 */
.flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important; /* CSS原生横向滚动（替代JS轮播） */
    scroll-behavior: smooth !important; /* 平滑滚动 */
    padding: 5px 0 !important;
    margin: 0 auto !important;
    max-width: 600px !important;
    -ms-overflow-style: none !important; /* 隐藏滚动条 */
    scrollbar-width: none !important;
    background: transparent !important; /* 缩略图容器纯透明 */
}
/* 隐藏滚动条（兼容所有浏览器） */
.flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
}
/* 缩略图强制50×50 */
.flex-control-thumbs li {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    background: transparent !important; /* 缩略图li纯透明 */
}
.flex-control-thumbs img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border: 2px solid transparent !important;
    transition: border-color 0.2s !important;
    background: transparent !important; /* 缩略图图片纯透明 */
}
/* 选中缩略图黑框 */
.flex-control-thumbs img.flex-active {
    border-color: #000 !important;
}
/* 鼠标悬停缩略图高亮 */
.flex-control-thumbs img:hover {
    border-color: rgba(0,0,0,0.5) !important;
}

/* ========== 3. 原生箭头美化（透明加粗+纯透明背景） ========== */
/* 主图原生箭头：纯透明+加粗+圆形 */
.woocommerce-product-gallery .flex-prev,
.woocommerce-product-gallery .flex-next {
    width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
    text-align: center !important;
    background: transparent !important; /* 箭头纯透明背景 */
    border: 1px solid rgba(0,0,0,0.2) !important;
    border-radius: 50% !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #333 !important;
    box-shadow: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
}
/* 箭头悬停：仅边框变化，背景仍纯透明 */
.woocommerce-product-gallery .flex-prev:hover,
.woocommerce-product-gallery .flex-next:hover {
    background: transparent !important; /* 悬停也保持纯透明 */
    border-color: rgba(0,0,0,0.5) !important;
}
/* 调整箭头位置 */
.woocommerce-product-gallery .flex-prev { left: 10px !important; }
.woocommerce-product-gallery .flex-next { right: 10px !important; }

/* ========== 4. 手机适配 ========== */
@media (max-width:767px) {
    /* 主图自适应 */
    .woocommerce-product-gallery__image img {
        width: 90vw !important;
        height: 90vw !important;
    }
    /* 缩略图自适应 */
    .flex-control-thumbs li,
    .flex-control-thumbs img {
        width: 40px !important;
        height: 40px !important;
    }
    /* 箭头自适应 */
    .woocommerce-product-gallery .flex-prev,
    .woocommerce-product-gallery .flex-next {
        width: 30px !important;
        height: 30px !important;
        line-height: 28px !important;
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-f6d43b0 *//* 输入框：纯透明背景、0.5px灰色边框，输入框间距3px */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field input,
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field textarea {
    background: transparent !important;
    border: 0.5px solid #888888 !important;
    margin-bottom: 3px !important;
}

/* 提交按钮默认样式：透明背景、黑色字体、灰色边框、圆角8、左右内边距放大、居中、10px模糊阴影，上下间距5px */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-submit {
    background: transparent !important;
    color: #000000 !important;
    border: 0.5px solid #888888 !important;
    border-radius: 8px !important;
    padding: 8px 30px !important;
    display: block !important;
    margin: 5px auto 5px auto !important;
    box-shadow: 0 0 10px rgba(136,136,136,0.5) !important;
    transition: all 0.2s ease !important;
}

/* 按钮悬停：放大、字体变红、保留阴影 */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-submit:hover {
    transform: scale(1.05) !important;
    color: #ff0000 !important;
    box-shadow: 0 0 10px rgba(136,136,136,0.5) !important;
}

/* ======================
   多图上传（3张）+ 文件名 + 删除按钮（纯前端实现）
======================= */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload input[type="file"] {
    background: transparent !important;
    border: 0.5px solid #888 !important;
    padding: 5px !important;
    width: 100% !important;
}

/* 允许选择多文件：最多3张 */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload input[type="file"] {
    multiple !important;
}

/* 上传文件列表展示 */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-uploaded-files,
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload .file-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 0 0 !important;
}

/* 单文件样式：透明 + 灰色边框 + 间距 */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-uploaded-file,
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload .file-item {
    background: transparent !important;
    border: 0.5px solid #888 !important;
    padding: 4px 8px !important;
    margin-bottom: 3px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 4px !important;
}

/* 删除按钮：红色、可点击、悬停放大 */
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-remove-file,
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload .delete-file {
    color: #ff0000 !important;
    background: transparent !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 0 5px !important;
    transition: 0.2s !important;
}

.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-remove-file:hover,
.elementor-2755 .elementor-element.elementor-element-f6d43b0 .wpforms-field-file-upload .delete-file:hover {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-3efe521 *//* 父容器强制相对定位 */
.elementor-2755 .elementor-element.elementor-element-3efe521 .elementor-icon-list-items {
    position: relative !important;
}

/* 精准选中微信图标（带微信链接的a标签），向下弹出二维码 */
.elementor-2755 .elementor-element.elementor-element-3efe521 .elementor-icon-list-item a[href*="weixin"] {
    position: relative !important;
}

.elementor-2755 .elementor-element.elementor-element-3efe521 .elementor-icon-list-item a[href*="weixin"]::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(100% + 12px) !important; /* 图标正下方，距离12px */
    transform: translateX(-50%) !important;
    width: 300px !important;
    height: 300px !important;
    background: url("https://www.yadley-hyd.com/wp-content/uploads/2026/05/微信二维码.png") center/cover no-repeat !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    border: 1px solid #eee !important;
    z-index: 99999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s ease !important;
    pointer-events: none !important;
}

/* 鼠标悬停显示 */
.elementor-2755 .elementor-element.elementor-element-3efe521 .elementor-icon-list-item a[href*="weixin"]:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34db4ed *//* 全局基础样式 */
.elementor-2755 .elementor-element.elementor-element-34db4ed * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

.elementor-2755 .elementor-element.elementor-element-34db4ed .elementor-field-group {
    margin-bottom: 0 !important;
}

.elementor-2755 .elementor-element.elementor-element-34db4ed .elementor-field {
    padding: 4px !important;
}

/* 桌面端：右侧固定悬浮（你原来的功能保留） */
.elementor-2755 .elementor-element.elementor-element-34db4ed {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    height: 100vh !important;
    overflow-y: auto !important;
}

/* ======================
   手机端自适应修复（重点）
======================= */
@media (max-width: 768px) {
    /* 手机端取消固定定位，避免遮挡、溢出 */
    .elementor-2755 .elementor-element.elementor-element-34db4ed {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
        top: auto !important;
    }
    
    /* 手机端表单宽度100%，不超出屏幕 */
    .elementor-2755 .elementor-element.elementor-element-34db4ed .elementor-field {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 4px !important;
    }
    
    /* 手机端间距优化，更美观 */
    .elementor-2755 .elementor-element.elementor-element-34db4ed .elementor-field-group {
        margin-bottom: 6px !important;
    }
}/* End custom CSS */