.elementor-7898 .elementor-element.elementor-element-f215a6d{--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;}.elementor-7898 .elementor-element.elementor-element-49935f3{--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;}.elementor-7898 .elementor-element.elementor-element-2a79dd2{--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;}.elementor-7898 .elementor-element.elementor-element-515bf50 .elementor-heading-title{font-size:34px;}.woocommerce .elementor-7898 .elementor-element.elementor-element-72d0cc2 .price{color:var( --e-global-color-accent );font-size:25px;font-weight:700;}.elementor-7898 .elementor-element.elementor-element-677b0fc .cart button, .elementor-7898 .elementor-element.elementor-element-677b0fc .cart .button{background-color:#F3EEEE42;border-color:var( --e-global-color-text );transition:all 0.2s;}.elementor-7898 .elementor-element.elementor-element-677b0fc .cart button:hover, .elementor-7898 .elementor-element.elementor-element-677b0fc .cart .button:hover{background-color:var( --e-global-color-accent );}.elementor-7898 .elementor-element.elementor-element-677b0fc .quantity .qty{transition:all 0.2s;}.elementor-7898 .elementor-element.elementor-element-9f04443{--display:flex;}.elementor-7898 .elementor-element.elementor-element-6b66a41.elementor-element{--align-self:center;}.elementor-7898 .elementor-element.elementor-element-6b66a41{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-7898 .elementor-element.elementor-element-6b66a41 .elementor-share-btn{font-size:calc(0.5px * 10);}.elementor-7898 .elementor-element.elementor-element-6b66a41 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}@media(min-width:768px){.elementor-7898 .elementor-element.elementor-element-f215a6d{--content-width:1400px;}.elementor-7898 .elementor-element.elementor-element-49935f3{--width:60%;}.elementor-7898 .elementor-element.elementor-element-2a79dd2{--width:40%;}}@media(max-width:1024px){ .elementor-7898 .elementor-element.elementor-element-6b66a41{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-7898 .elementor-element.elementor-element-6b66a41{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for container, class: .elementor-element-f215a6d *//* 针对产品单页缩略图的横向排列 */

/* 1. 启用 Flexbox 并强制横向排列 */
.flex-control-nav.flex-control-thumbs {
    display: flex;        /* 启用 Flexbox */
    flex-direction: row;  /* 确保横向排列 (默认值，但显式声明更安全) */
    flex-wrap: nowrap;    /* 确保缩略图不换行 */
    justify-content: flex-start; /* 从左侧开始对齐 */
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto; /* 如果缩略图很多，允许横向滚动 */
}

/* 2. 定义每个缩略图容器 (<li>) 的宽度和间距 */
.flex-control-nav.flex-control-thumbs li {
    /* 假设您最多显示 5 个缩略图，每个占据约 20% 宽度，并留出间距 */
    flex: 0 0 calc(20% - 10px); 
    max-width: calc(20% - 10px); 
    margin: 0 5px 0 5px !important; /* 调整左右间距 */
    padding: 0;
    box-sizing: border-box;
}

/* 3. 确保图片在 li 容器内填满并居中 */
.flex-control-nav.flex-control-thumbs li img {
    width: 100%; 
    height: auto;
    display: block;
}


.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none !important;
    
/* 修改变体产品加入购物车按钮样式 */
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    background-color: transparent !important;
    border: 2px solid #cccccc !important;
    color: #000000 !important;
    cursor: not-allowed !important;
    transition: all 0.3s ease !important;
}

/* 当有选择变体时的可用状态 */
.single_add_to_cart_button.button.alt:not(.disabled):not(.wc-variation-selection-needed) {
    background-color: transparent !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
    transition: all 0.3s ease !important;
}

/* 可用状态的悬停效果 */
.single_add_to_cart_button.button.alt:not(.disabled):not(.wc-variation-selection-needed):hover {
    background-color: #dd9933 !important;
    border-color: #dd9933 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(221, 153, 51, 0.3) !important;
}


/* Custom CSS for the site-wide acknowledgment checkbox */
.custom-required-ack-box {
    /* 垂直间距，让它不贴近按钮 */
    margin: 15px 0; 
    padding: 12px 15px;
    
    /* 边框使用您的悬浮色/强调色 */
    border: 2px solid #dd9933; 
    
    /* 背景使用白色（与网站主体一致），但略微加一点点非常浅的米色/黄色，使其与纯白背景区分 */
    background-color: #fcfcf9; 
    
    /* 文字颜色使用黑色 */
    color: #000000;
    
    font-size: 14px;
    font-weight: 500; /* 保持文字清晰 */
    line-height: 1.5;
    border-radius: 4px; /* 轻微圆角，增加现代感 */
}

/* 强制勾选文字的颜色 (I have read...) */
.custom-required-ack-box label {
    color: #000000; /* 保持黑色文字 */
}

/* 强调色：让“15 business day production time”更醒目 */
.custom-required-ack-box strong {
    color: #dd9933; /* 使用您的品牌色来突出关键的等待时间 */
    font-weight: bold;
}

/* 必填符号 (*) 使用红色，这是警告的标准颜色 */
.custom-required-ack-box .required {
    color: #FF0000; 
    font-weight: bold;
    margin-left: 5px;
}

/* 确保复选框本身清晰可见 */
.custom-required-ack-box input[type="checkbox"] {
    margin-right: 8px;
    /* 您可能需要添加 box-shadow 或 border: 1px solid #dd9933 来确保复选框在白色背景上可见 */
}/* End custom CSS */