.elementor-74 .elementor-element.elementor-element-7264065{--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 32px;--row-gap:0px;--column-gap:32px;--padding-top:1%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-74 .elementor-element.elementor-element-7264065:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-7264065 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-e24f385{--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;--z-index:0;}.elementor-74 .elementor-element.elementor-element-de818c9{--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:24px 0px;--row-gap:24px;--column-gap:0px;}.elementor-74 .elementor-element.elementor-element-de818c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-f4ef731{padding:10px 6px 10px 6px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#121212BF;text-align:center;}.elementor-74 .elementor-element.elementor-element-f4ef731 .elementor-heading-title{font-size:17px;line-height:30px;color:#121212BF;}.elementor-74 .elementor-element.elementor-element-bca2b88 .elementor-heading-title{font-size:48px;font-weight:400;line-height:58px;color:#121212;}.woocommerce .elementor-74 .elementor-element.elementor-element-03afc42 .star-rating{color:#FFD613;font-size:16px;}.woocommerce .elementor-74 .elementor-element.elementor-element-03afc42 .woocommerce-review-link{color:var( --e-global-color-secondary );font-size:16px;}.elementor-74 .elementor-element.elementor-element-d3bdae3{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-cb3dbf2{text-align:left;}.woocommerce .elementor-74 .elementor-element.elementor-element-cb3dbf2 .price{color:var( --e-global-color-primary );font-size:20px;}.woocommerce .elementor-74 .elementor-element.elementor-element-cb3dbf2 .price ins{font-size:22px;}.elementor-74 .elementor-element.elementor-element-ef38b6d .elementor-button{background-color:#000000;font-size:14px;font-weight:500;text-transform:uppercase;border-radius:100px 100px 100px 100px;padding:8px 19px 8px 18px;}.elementor-74 .elementor-element.elementor-element-a91d197 .elementor-heading-title{font-size:16px;font-weight:400;font-style:italic;letter-spacing:0.5px;color:#D84D3C;}.elementor-74 .elementor-element.elementor-element-55bb7c9{--divider-border-style:solid;--divider-color:#D3D3D3;--divider-border-width:1px;}.elementor-74 .elementor-element.elementor-element-55bb7c9 .elementor-divider-separator{width:100%;}.elementor-74 .elementor-element.elementor-element-55bb7c9 .elementor-divider{padding-block-start:9px;padding-block-end:9px;}.elementor-74 .elementor-element.elementor-element-3746864 .cart button, .elementor-74 .elementor-element.elementor-element-3746864 .cart .button{color:#000000;transition:all 0.2s;}.elementor-74 .elementor-element.elementor-element-3746864 .quantity .qty{transition:all 0.2s;}.elementor-74 .elementor-element.elementor-element-efa1b5b.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-74 .elementor-element.elementor-element-efa1b5b{--e-icon-list-icon-size:45px;--icon-vertical-offset:0px;}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-item > a{font-size:0px;}.elementor-74 .elementor-element.elementor-element-efa1b5b .elementor-icon-list-text{transition:color 0.3s;}.elementor-74 .elementor-element.elementor-element-4003f72{color:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-d7283e9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-74 .elementor-element.elementor-element-d7283e9:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-d7283e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-51f3ce0{--display:flex;}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-7264065{--content-width:1400px;}.elementor-74 .elementor-element.elementor-element-e24f385{--width:65%;}.elementor-74 .elementor-element.elementor-element-de818c9{--width:30%;}.elementor-74 .elementor-element.elementor-element-d7283e9{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-74 .elementor-element.elementor-element-de818c9{--width:34%;}}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-bca2b88 .elementor-heading-title{font-size:38px;line-height:1.1em;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-bca2b88 .elementor-heading-title{font-size:30px;}.elementor-74 .elementor-element.elementor-element-efa1b5b{--e-icon-list-icon-size:36px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-cb3dbf2 *//* 方法2：如果 “price” 是单独的<p>、<div>、<span>等标签 */
p, div, span {
    margin-bottom: 0 !important;  /* 只去掉下边距，保留其他 */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-3746864 *//* --- 1. 修改加购按钮样式 (黄色、黑边、全宽) --- */
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
    background-color: #DADADA12 !important; /* 图中的黄色 */
    color: #000000 !important;            /* 黑色文字 */
    border: 1px solid #000000 !important; /* 黑色边框 */
    border-radius: 0 !important;          /* 直角 */
    width: 100% !important;               /* 宽度填满 */
    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 {
     border: 1px solid #444 !important;
     background-color: #fcd12a !important;
    outline: 1px solid #444 !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: 25px;
}

/* --- 新增：在上方插入 "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: #fccc4c !important; /* 背景黄 */
    color: #000 !important;               /* 文字黑 */
    border: 1px solid #000 !important;    /* 黑色边框 */
    
    /* 文字排版 */
    text-align: center;
    line-height: 1.5;
    padding: 12px 0;          /* 上下高度，如果觉得太矮就把12px改大 */
    font-weight: 700;         /* 字体加粗 */
    font-size: 16px;          /* 字体大小 */
    text-decoration: none;    /* 去掉链接下划线 */
    border-radius: 0 !important; /* 直角 */
}

/* --- 4. 鼠标悬停时的效果 --- */
form.cart .buy-now-button:hover {
   border: 1px solid #444 !important;
    outline: 1px solid #444 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7264065 *//* 去掉下拉箭头的顶部负边距 */
.elementor-nav-menu .sub-arrow {
    margin-block-start: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-7edc3f4 *//* 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;
}
*/
/* 隐藏描述 Tab 的标题按钮 */
li.description_tab {
    display: none !important;
}

/* 隐藏描述 Tab 的具体内容区域 */
#tab-description {
    display: none !important;
}/* End custom CSS */