.elementor-311 .elementor-element.elementor-element-3cc1424{--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;--justify-content:center;}.elementor-311 .elementor-element.elementor-element-24a8e5b{--grid-columns:1;}.elementor-311 .elementor-element.elementor-element-df7e2dc{--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;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-311 .elementor-element.elementor-element-d1b90f3{--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;}.woocommerce .elementor-311 .elementor-element.elementor-element-cda1a6c .flex-control-thumbs img{border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-secondary );border-radius:6px 6px 6px 6px;}.elementor-311 .elementor-element.elementor-element-ce2b334{--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 10px;--row-gap:10px;--column-gap:10px;}.elementor-311 .elementor-element.elementor-element-a060778{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-311 .elementor-element.elementor-element-bec9331 .elementor-heading-title{font-size:13px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-311 .elementor-element.elementor-element-bec9331 .elementor-heading-title a:hover, .elementor-311 .elementor-element.elementor-element-bec9331 .elementor-heading-title a:focus{color:#044499;}.elementor-311 .elementor-element.elementor-element-cedeba9 .elementor-heading-title{font-size:21px;line-height:25px;}.elementor-311 .elementor-element.elementor-element-04f69e7{--divider-border-style:solid;--divider-color:#E7E7E7;--divider-border-width:1px;}.elementor-311 .elementor-element.elementor-element-04f69e7 .elementor-divider-separator{width:100%;}.elementor-311 .elementor-element.elementor-element-04f69e7 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-311 .elementor-element.elementor-element-49cf273{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-311 .elementor-element.elementor-element-49cf273:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-49cf273 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.woocommerce .elementor-311 .elementor-element.elementor-element-269920f .woocommerce-product-details__short-description{font-size:14px;}.elementor-311 .elementor-element.elementor-element-c1152b4{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-311 .elementor-element.elementor-element-c1152b4 .elementor-heading-title{font-size:12px;font-weight:500;color:var( --e-global-color-accent );}.elementor-311 .elementor-element.elementor-element-1843885{--divider-border-style:solid;--divider-color:#E7E7E7;--divider-border-width:1px;}.elementor-311 .elementor-element.elementor-element-1843885 .elementor-divider-separator{width:100%;}.elementor-311 .elementor-element.elementor-element-1843885 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-311 .elementor-element.elementor-element-0eae43e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-311 .elementor-element.elementor-element-2045784{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:31px;--icon-vertical-offset:0px;}.elementor-311 .elementor-element.elementor-element-2045784 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-2045784 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-311 .elementor-element.elementor-element-2045784 .elementor-icon-list-text{transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-f92e9d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-311 .elementor-element.elementor-element-7a559a8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E7;--border-color:#E7E7E7;--border-radius:10px 10px 10px 10px;}.elementor-311 .elementor-element.elementor-element-86ec4ef{--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:space-between;--align-items:center;}.elementor-311 .elementor-element.elementor-element-b459fc5.elementor-element{--align-self:flex-end;}.elementor-311 .elementor-element.elementor-element-e9cec3d.elementor-element{--align-self:flex-start;}.elementor-311 .elementor-element.elementor-element-1b453a8{--divider-border-style:solid;--divider-color:#E7E7E7;--divider-border-width:1px;}.elementor-311 .elementor-element.elementor-element-1b453a8 .elementor-divider-separator{width:100%;}.elementor-311 .elementor-element.elementor-element-1b453a8 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-311 .elementor-element.elementor-element-8f05cb6 .cart button, .elementor-311 .elementor-element.elementor-element-8f05cb6 .cart .button{transition:all 0.2s;}.elementor-311 .elementor-element.elementor-element-8f05cb6 .quantity .qty{transition:all 0.2s;}.elementor-311 .elementor-element.elementor-element-2e14e79 .elementor-icon-list-icon i{color:#0E8513;transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-2e14e79 .elementor-icon-list-icon svg{fill:#0E8513;transition:fill 0.3s;}.elementor-311 .elementor-element.elementor-element-2e14e79{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-311 .elementor-element.elementor-element-2e14e79 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-311 .elementor-element.elementor-element-2e14e79 .elementor-icon-list-item > a{font-size:15px;font-weight:700;}.elementor-311 .elementor-element.elementor-element-2e14e79 .elementor-icon-list-text{color:#0E8513;transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-6f68471{--divider-border-style:solid;--divider-color:#E7E7E7;--divider-border-width:1px;}.elementor-311 .elementor-element.elementor-element-6f68471 .elementor-divider-separator{width:100%;}.elementor-311 .elementor-element.elementor-element-6f68471 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-311 .elementor-element.elementor-element-fa6874f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-fa6874f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-311 .elementor-element.elementor-element-fa6874f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-311 .elementor-element.elementor-element-fa6874f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-311 .elementor-element.elementor-element-fa6874f .elementor-icon-list-item > a{font-size:13px;font-weight:500;}.elementor-311 .elementor-element.elementor-element-fa6874f .elementor-icon-list-text{transition:color 0.3s;}.elementor-311 .elementor-element.elementor-element-b518e76{--divider-border-style:solid;--divider-color:#E7E7E7;--divider-border-width:1px;}.elementor-311 .elementor-element.elementor-element-b518e76 .elementor-divider-separator{width:100%;}.elementor-311 .elementor-element.elementor-element-b518e76 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-311 .elementor-element.elementor-element-b6db267{font-size:13px;}.elementor-311 .elementor-element.elementor-element-7508293{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E7;--border-color:#E7E7E7;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-311 .elementor-element.elementor-element-36c122e .elementor-button{background-color:#E7E7E72E;font-size:17px;font-weight:700;fill:#1B1B1B;color:#1B1B1B;}.elementor-311 .elementor-element.elementor-element-36c122e .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-311 .elementor-element.elementor-element-55c89d1{padding:20px 20px 20px 20px;}.elementor-311 .elementor-element.elementor-element-ff2efe6{--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-311 .elementor-element.elementor-element-29d8e7d{--display:flex;--min-height:40px;--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;}@media(min-width:768px){.elementor-311 .elementor-element.elementor-element-df7e2dc{--width:1720px;}.elementor-311 .elementor-element.elementor-element-d1b90f3{--width:32%;}.elementor-311 .elementor-element.elementor-element-ce2b334{--width:45%;}.elementor-311 .elementor-element.elementor-element-f92e9d2{--width:22%;}.elementor-311 .elementor-element.elementor-element-7a559a8{--width:100%;}.elementor-311 .elementor-element.elementor-element-7508293{--width:100%;}.elementor-311 .elementor-element.elementor-element-ff2efe6{--width:1720px;}}@media(max-width:1024px){.elementor-311 .elementor-element.elementor-element-24a8e5b{--grid-columns:2;}.elementor-311 .elementor-element.elementor-element-df7e2dc{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-24a8e5b{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-1aa62de *//* 1. 强制父级容器为标准 Flex 布局，并确保从左往右排 */
.woocommerce-product-rating {
    display: flex !important;
    flex-direction: row !important; /* 确保横向排列 */
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: 1 !important;
}

/* 2. 强制星星容器排在第一个 */
.review-rating, 
.star-rating {
    order: 1 !important;
    float: none !important;      /* 去除可能的浮动干扰 */
}

/* 3. 强制评价链接（数字）排在第二个 */
.woocommerce-review-link {
    order: 2 !important;
    font-size: 0 !important;      /* 隐藏“条用户评价”等文字 */
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
}

/* 4. 恢复数字显示并加上括号 */
.woocommerce-review-link .count {
    font-size: 14px !important;   /* 这里的 14px 可以改为你想要的字号 */
    color: #666 !important;       /* 数字颜色 */
    font-weight: 500;
}

/* 使用伪元素在数字两边加括号 */
.woocommerce-review-link .count::before {
    content: "(";
}

.woocommerce-review-link .count::after {
    content: ")";
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e9cec3d *//* 圆形标签容器 */
.discount-badge-circle {
    width: 86px;
    height: 86px;
    background-color: #e44d26; /* 新蛋橙红色 */
    opacity: 0.9;
    border-radius: 50%;
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-family: "Arial Black", sans-serif;
    line-height: 0.9;
    z-index: 100px;
    pointer-events: none; /* 防止遮挡点击 */
}

/* 折扣大数字 */
.percent-num {
    font-size: 36px;
    font-weight: 900;
    margin-right: 2px;
}

/* % 和 off 的包裹容器 */
.off-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* % 符号 */
.off-wrap .symbol {
    font-size: 16px;
    font-weight: 900;
}

/* off 文字 */
.off-wrap .text {
    font-size: 12px;
    font-weight: 700;
    text-transform: lowercase;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8f05cb6 *//* --- 1. 修改加购按钮样式 (黄色、黑边、全宽) --- */
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
    background-color: #fff !important; /* 图中的黄色 */
    color: #FF8500 !important;            /* 黑色文字 */
    border-radius:100px !important;          /* 直角 */
         border: 3px solid #FF8500 !important;

    width: 100% !important;               /* 宽度填满 */
    height: 50px;
    font-weight: 800 !important;          /* 字体加粗 */
    text-transform: uppercase;            /* 大写字母 */
    padding: 12px 0 !important;           /* 增加按钮高度 */
    margin-top: 40px !important;          /* 与数量框的间距 */
}

.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button:hover {
     background-color: #FF8500 !important;
     color: #fff !important;
}

/* --- 重置 Blocksy 默认的数量框布局 --- */
.quantity[data-type="type-2"] {
    display: inline-flex !important;
    /* 核心修改：允许换行，这样Quantity文字可以独占一行在上面 */
    flex-wrap: wrap !important; 
    align-items: center;
    gap: 10px; /* 维持间距 */
    border: none !important;
    max-width: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
}

/* --- 新增：在上方插入 "Quantity" 文字 --- */
.quantity[data-type="type-2"]::before {
    content: "Quantity"; /* 这里修改你要显示的文字，比如 "数量" */
    display: block;
    width: 100%; /* 强制占满整行，把下面的按钮挤到第二行 */
    font-weight: 300; /* 加粗，匹配 Rockwall 的标题风格 */
    color: #333;      /* 深灰色 */
    font-size: 14px;  /* 字体大小 */
    line-height: 1.2;
    margin-bottom: -2px; /* 调整文字和下方框框的距离 */
    order: 0; /* 确保文字排在最前面 */
}

/* --- 1. 调整顺序 (让减号在左，数字在中，加号在右) --- */
.quantity[data-type="type-2"] .ct-decrease { order: 1; }
.quantity[data-type="type-2"] .input-text.qty { order: 2; }
.quantity[data-type="type-2"] .ct-increase { order: 3; }

/* --- 2. 中间数字输入框样式 (保持不变) --- */
.quantity[data-type="type-2"] .input-text.qty {
    width: 100px !important;
    height: 45px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: #333;
    font-weight: 700;
    font-size: 16px;
    padding: 0 !important;
    text-align: center;
    border-radius: 0px !important; 
    margin: 0 !important; 
    transition: all 0.2s ease;
}

/* 数字框：选中/鼠标悬停时的“双层边框”效果 */
.quantity[data-type="type-2"] .input-text.qty:focus,
.quantity[data-type="type-2"] .input-text.qty:hover {
    border: 1px solid #fff !important;
    outline: 1px solid #444 !important;
}

/* --- 3. 加减按钮样式 (保持不变) --- */
.quantity[data-type="type-2"] span.ct-increase,
.quantity[data-type="type-2"] span.ct-decrease {
    position: static !important;
    width: 25px !important;
    height: 25px !important;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 22px;
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.2s;
}

/* 加减号里的图标/文字大小 */
.quantity[data-type="type-2"] span svg,
.quantity[data-type="type-2"] span:before {
    font-size: 14px;
    width: 10px; 
    height: 11px;
    fill: #555;
}

/* 加减按钮鼠标悬停 */
.quantity[data-type="type-2"] span.ct-increase:hover,
.quantity[data-type="type-2"] span.ct-decrease:hover {
    background: #444;
    border-color: #444;
}
.quantity[data-type="type-2"] span.ct-increase:hover svg,
.quantity[data-type="type-2"] span.ct-decrease:hover svg {
    fill: #fff;
}

/* 隐藏无用的 Label (保持不变) */
.quantity[data-type="type-2"] .screen-reader-text {
    display: none !important;
}

/* 隐藏浏览器默认的数字小箭头 (保持不变) */
.quantity[data-type="type-2"] input[type=number]::-webkit-inner-spin-button, 
.quantity[data-type="type-2"] input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* 隐藏加入购物车后出现的 "View cart" 链接 */
a.added_to_cart.wc-forward {
    display: none !important;
}

/* --- 1. 设置整体布局为：上下两排、垂直分布 --- */
form.cart {
    display: flex !important;
    flex-direction: column; /* 关键：垂直方向排列 */
    gap: 12px;              /* 关键：上下按钮之间的间距，可自行调整 */
}


/* --- 3. 美化“立即购买”按钮，让它和上面的按钮长得一样 --- */
form.cart .buy-now-button {
    display: block !important; /* 块级元素，方便撑满宽度 */
    width: 100% !important;    /* 强制宽度 100%，实现两端对齐 */
    
    margin: 0 !important;      /* ⚠️ 强制去掉代码里自带的 margin-left: 10px */
    box-sizing: border-box;    /* 确保内边距不会撑破宽度 */
    
    /* 以下样式模仿你的黄色按钮，如果不一样请微调 */
    background-color: #FF8500 !important; /* 背景黄 */
    color: #fff !important;               /* 文字黑 */
    border: 3px solid #FF8500 !important;    /* 黑色边框 */
        height: 50px;

    
    /* 文字排版 */
    text-align: center;
    line-height: 1.5;
    padding: 12px 0;          /* 上下高度，如果觉得太矮就把12px改大 */
    font-weight: 700;         /* 字体加粗 */
    font-size: 16px;          /* 字体大小 */
    text-decoration: none;    /* 去掉链接下划线 */
    border-radius: 100px !important; /* 直角 */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-65aff5e *//* 1. 选项卡容器重置 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* 底部一条淡灰色的线 */
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex;
    gap: 30px; /* 标签之间的间距 */
}

/* 2. 单个标签样式 (默认状态) */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #888 !important; /* 未选中是灰色 */
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 10px 0 15px 0 !important; /* 上下留白 */
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

/* 去掉 Elementor 可能存在的伪元素干扰 */
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none !important;
}

/* 3. 选中状态 (Active) - 核心样式 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #333 !important; /* 选中变黑 */
    font-weight: 700 !important; /* 加粗 */
}

/* 选中时的底部黑条 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 盖住底部的灰线 */
    left: 0;
    width: 100%;
    height: 3px; /* 黑条厚度 */
    background-color: #333; /* Rockwall 深色 */
}

/* 4. 内容区域样式 */
.woocommerce div.product .woocommerce-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* 去掉多余内边距，让文字对齐 */
    color: #555;
    line-height: 1.8;
}

/* 5. 标题隐藏 (通常Tab里会有个重复的标题，建议隐藏) */
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
    display: none !important;
}

/* --- 强制 Tab 标题栏左对齐 --- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;       /* 确保使用 Flex 布局 */
    justify-content: flex-start !important; /* 核心：靠左对齐 */
    text-align: left !important;    /* 兼容部分非 Flex 主题 */
    margin-left: 0 !important;      /* 去掉左边可能存在的自动边距 */
    padding-left: 0 !important;     /* 去掉左边内边距，与下方内容对齐 */
    margin-right: auto !important;  /* 确保右边有空间 */
}

/* (可选) 如果左对齐后，第一个标签离边缘太近，想加一点空隙 */
/*
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}
*/

}/* End custom CSS */