.elementor-147 .elementor-element.elementor-element-994e74f{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-147 .elementor-element.elementor-element-6e4ccc4{--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;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:#000000;--border-color:#000000;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-147 .elementor-element.elementor-element-6b79937 .flex-control-thumbs img{border-style:none;}.elementor-147 .elementor-element.elementor-element-b9548c9{--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 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--padding-top:4%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-147 .elementor-element.elementor-element-46f7ff9 .woocommerce-breadcrumb{color:#000F8F;font-weight:600;}.elementor-147 .elementor-element.elementor-element-46f7ff9 .woocommerce-breadcrumb > a{color:#000000;}.elementor-147 .elementor-element.elementor-element-89a0bd4{--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:space-between;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-147 .elementor-element.elementor-element-b879fb5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-147 .elementor-element.elementor-element-2883e56 .elementor-heading-title{font-size:34px;line-height:36px;color:var( --e-global-color-blocksy_palette_2 );}.elementor-147 .elementor-element.elementor-element-e8bae30{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-147 .elementor-element.elementor-element-3be23e0{text-align:right;}.woocommerce .elementor-147 .elementor-element.elementor-element-3be23e0 .price{color:#8F8F8F;font-size:26px;font-weight:500;}.woocommerce .elementor-147 .elementor-element.elementor-element-3be23e0 .price ins{color:#000F8F;font-size:28px;font-weight:700;}.elementor-147 .elementor-element.elementor-element-8be8969 .cart button, .elementor-147 .elementor-element.elementor-element-8be8969 .cart .button{transition:all 0.2s;}.elementor-147 .elementor-element.elementor-element-8be8969 .added_to_cart{color:#FFFFFF;font-size:20px;}.elementor-147 .elementor-element.elementor-element-8be8969{--view-cart-spacing:0px;--button-spacing:7px;}.elementor-147 .elementor-element.elementor-element-8be8969 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart .variations{width:91%;margin-bottom:0px;}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations tr th, .woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations label{color:#A3A3A3;}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations td.value select{color:#202020;}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations td.value select, .woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations td.value:before{border:1px solid #000000;}.woocommerce .elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations td.value select, .woocommerce div.product.elementor.elementor-147 .elementor-element.elementor-element-8be8969 form.cart table.variations td.value:before{font-size:15px;font-weight:600;}.elementor-147 .elementor-element.elementor-element-acd2cff{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-147 .elementor-element.elementor-element-acd2cff .elementor-divider-separator{width:100%;}.elementor-147 .elementor-element.elementor-element-acd2cff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-147 .elementor-element.elementor-element-52211c5:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(5px/2);}.elementor-147 .elementor-element.elementor-element-52211c5:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(5px/2);}.elementor-147 .elementor-element.elementor-element-52211c5.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(5px/2);margin-left:calc(5px/2);}.elementor-147 .elementor-element.elementor-element-52211c5.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-5px/2);margin-left:calc(-5px/2);}body:not(.rtl) .elementor-147 .elementor-element.elementor-element-52211c5.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-5px/2) + (-1px/2) );}body:not.rtl .elementor-147 .elementor-element.elementor-element-52211c5.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-5px/2) - (1px/2) );}.elementor-147 .elementor-element.elementor-element-52211c5{font-size:16px;font-weight:600;color:var( --e-global-color-blocksy_palette_1 );}.elementor-147 .elementor-element.elementor-element-52211c5 a{font-size:16px;font-weight:600;color:var( --e-global-color-blocksy_palette_1 );}.elementor-147 .elementor-element.elementor-element-989462a{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-147 .elementor-element.elementor-element-989462a .elementor-divider-separator{width:100%;}.elementor-147 .elementor-element.elementor-element-989462a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-147 .elementor-element.elementor-element-2517b59{padding:0px 50px 0px 0px;}.woocommerce .elementor-147 .elementor-element.elementor-element-2517b59 .woocommerce-product-details__short-description{color:#202020;font-size:16px;}.elementor-147 .elementor-element.elementor-element-be14cb0{--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:10px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-147 .elementor-element.elementor-element-1a19ef3{--display:flex;}@media(max-width:1024px){.elementor-147 .elementor-element.elementor-element-2883e56 .elementor-heading-title{font-size:28px;}.woocommerce .elementor-147 .elementor-element.elementor-element-3be23e0 .price{font-size:20px;}.woocommerce .elementor-147 .elementor-element.elementor-element-3be23e0 .price ins{font-size:22px;}}@media(min-width:768px){.elementor-147 .elementor-element.elementor-element-6e4ccc4{--width:50%;}.elementor-147 .elementor-element.elementor-element-b9548c9{--width:50%;}}@media(max-width:767px){.elementor-147 .elementor-element.elementor-element-89a0bd4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-147 .elementor-element.elementor-element-e8bae30{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.woocommerce .elementor-147 .elementor-element.elementor-element-3be23e0 .price ins{font-size:26px;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-3be23e0 *//* ==============================================
   WooCommerce 产品详情页 - 价格样式优化
   去除价格 (Price) 的默认外边距
   ============================================== */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    margin: 0 !important;          /* 去掉所有外边距 */
    margin-bottom: 0 !important;   /* 强制去掉底部间距 */
    margin-top: 0 !important;      /* 强制去掉顶部间距 */
    padding: 0 !important;         /* 去掉内边距 (以防万一) */
    
    /* 可选：如果你觉得行高太大导致看起来像有空隙，可以取消下面这行的注释 */
    /* line-height: 1.2 !important; */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8be8969 *//* --- 重置 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: -5px; /* 调整文字和下方框框的距离 */
    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: 75px !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: 6px !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: 3px solid #fff !important;
    outline: 2px solid #444 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* --- 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;
    display: flex !important;
    align-items: center;
    justify-content: center;
    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; 
}



/* ==============================================
   3. 按钮核心样式 (Counter Culture 风格复刻)
   适用于：加入购物车 & 立即购买
   ============================================== */
button.single_add_to_cart_button,
button.wc-buy-now-btn,
a.wc-buy-now-btn { /* 有些插件使用 a 标签 */
    /* 布局 */
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 91% !important;     /* 强制占满整行 (最稳妥的布局) */
    height: 55px !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    float: none !important;
    
    /* 核心风格：硬阴影 + 黑框 */
    border: 2px solid #000000 !important;
    border-radius: 50px !important; /* 胶囊圆角 */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    cursor: pointer;
    
    /* 阴影与过渡 */
    box-shadow: -4px 4px 0px 0px #000000 !important; /* 实心硬阴影 */
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* --- 样式 A: 加入购物车 (白底黑字) --- */
button.single_add_to_cart_button {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* --- 样式 B: 立即购买 (黑底白字) --- */
button.wc-buy-now-btn,
a.wc-buy-now-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    /* 这里的阴影稍微调整，因为底色是黑的，阴影也是黑的会看不清，
       所以给 Buy Now 按钮加一个白色描边阴影或者保持黑色块感 */
    box-shadow: -4px 4px 0px 0px rgba(0,0,0,0.3) !important; 
}

/* ==============================================
   4. 按钮交互效果 (Hover / Active)
   按下时：位移 + 阴影消失 + 颜色反转
   ============================================== */

/* 加入购物车 Hover */
button.single_add_to_cart_button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    transform: translate(-4px, 4px) !important; /* 向阴影方向移动 */
    box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* 立即购买 Hover */
button.wc-buy-now-btn:hover,
a.wc-buy-now-btn:hover {
    background-color: #ffffff !important; /* 变白 */
    color: #000000 !important;            /* 变黑 */
    border-color: #000000 !important;
    transform: translate(-4px, 4px) !important;
    box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* 禁用状态 */
button.single_add_to_cart_button.disabled,
button.single_add_to_cart_button[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
    background: #f0f0f0 !important;
    color: #999 !important;
    border-color: #ccc !important;
}

/* --- 单独给“加入购物车”按钮增加底部间距 --- */
button.single_add_to_cart_button {
    /* 10px 可以根据需要调整，比如 15px 或 20px */
    margin-bottom: 18px !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9548c9 *//* 隐藏 WooCommerce 添加到购物车后的“查看购物车”链接 */
a.added_to_cart.wc-forward {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-81cc4cc *//* 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 */