.elementor-198 .elementor-element.elementor-element-12219ee6{--display:flex;--margin-top:-10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-198 .elementor-element.elementor-element-6ade9241{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-6ad10135 .wd-breadcrumbs{font-family:"DM Sans", Sans-serif;font-weight:500;--wd-link-color:#6B6B6B;--wd-bcrumb-color-active:#B38F5E;}.elementor-198 .elementor-element.elementor-element-6ad10135 :is(.wd-last, .breadcrumb_last, .last, .aioseo-breadcrumbs span:last-child, .active){font-family:"DM Sans", Sans-serif;}.elementor-198 .elementor-element.elementor-element-48fd99e2{--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:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-198 .elementor-element.elementor-element-f9da537{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-3c89c00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-51a4f085{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}html .elementor-198 .elementor-element.elementor-element-47e27753 .product_title{font-family:"Playfair Display", Sans-serif;font-size:36px;line-height:40px;}.elementor-198 .elementor-element.elementor-element-26b96254 img{max-width:80px;}.elementor-198 .elementor-element.elementor-element-467b9244{--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;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-55494685 .price{font-size:28px;}.elementor-198 .elementor-element.elementor-element-90f89bf{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-79060157{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-5c3430e2 .single_add_to_cart_button{--btn-accented-color:#FFFFFF;--btn-accented-bgcolor:#000000;--btn-accented-color-hover:#FFFFFF;--btn-accented-bgcolor-hover:#000000;}@media(max-width:1024px){.elementor-198 .elementor-element.elementor-element-12219ee6{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-198 .elementor-element.elementor-element-48fd99e2{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-198 .elementor-element.elementor-element-47e27753{width:initial;max-width:initial;}.elementor-198 .elementor-element.elementor-element-26b96254 img{max-width:60px;}.elementor-198 .elementor-element.elementor-element-55494685 .price{font-size:18px;}.elementor-198 .elementor-element.elementor-element-90f89bf{--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-198 .elementor-element.elementor-element-5c3430e2{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-198 .elementor-element.elementor-element-48fd99e2{--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-198 .elementor-element.elementor-element-51a4f085{--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-198 .elementor-element.elementor-element-47e27753{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-198 .elementor-element.elementor-element-5c3430e2{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-198 .elementor-element.elementor-element-12219ee6{--content-width:1280px;}.elementor-198 .elementor-element.elementor-element-6ade9241{--width:640px;}.elementor-198 .elementor-element.elementor-element-48fd99e2{--content-width:100%;}.elementor-198 .elementor-element.elementor-element-f9da537{--width:640px;}.elementor-198 .elementor-element.elementor-element-3c89c00{--width:640px;}}@media(max-width:1024px) and (min-width:768px){.elementor-198 .elementor-element.elementor-element-6ade9241{--width:50%;}.elementor-198 .elementor-element.elementor-element-f9da537{--width:50%;}.elementor-198 .elementor-element.elementor-element-3c89c00{--width:50%;}}/* Start custom CSS for wd_single_product_add_to_cart, class: .elementor-element-5c3430e2 *//* ==================== #c-add 购物车加购区高级重构（上下堆叠自适应） ==================== */

/* 1. 表单主容器：改为纵向列排布（Column） */
#c-add form.cart {
    display: flex !important;
    flex-direction: column !important; /* 强制数量在上，按钮在下 */
    align-items: flex-start !important; /* 靠左对齐，如需整体居中可改为 center */
    gap: 20px !important; /* 数量横栏与下方加购按钮的上下间距 */
    width: 100% !important;
    margin: 25px 0 !important;
    box-sizing: border-box !important;
}

/* 2. 数量包裹区：让 "QUANTITY" 单词与组合框横向并排 */
#c-add form.cart .quantity {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 48px !important; /* 保持挺拔高度 */
    width: auto !important;
}

/* 动态在前边注入英文 "QUANTITY" 文本 */
#c-add form.cart .quantity::before {
    content: "QUANTITY" !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    color: #2c2c2c !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important; /* 拓宽字距增加大牌感 */
    margin-right: 25px !important; /* 与右侧数量加减框的黄金呼吸间距 */
    flex-shrink: 0 !important;
}

/* 3. 数量加减组合框核心（还原图二圆角框） */
#c-add form.cart .quantity input.qty,
#c-add form.cart .quantity .minus,
#c-add form.cart .quantity .plus,
#c-add form.cart .quantity input[type="button"] {
    /* 这里的样式会自动应用到 Woodmart 原生的数量结构上 */
}

/* 重新接管 Woodmart 内部数量控制器的边框与圆角 */
#c-add form.cart .quantity-nav-enabled, 
#c-add form.cart .quantity {
    /* 确保内层包裹器呈现图二样式 */
}

/* 针对包裹加减按钮与输入框的微调，确保拼装成一个大圆角组合框 */
#c-add form.cart .quantity input.qty {
    width: 50px !important;
    height: 48px !important;
    border-top: 1px solid #f0edf9 !important;
    border-bottom: 1px solid #f0edf9 !important;
    border-left: 1px solid #f0edf9 !important;
    border-right: 1px solid #f0edf9 !important;
    background-color: #ffffff !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #2c2c2c !important;
}

/* 减号按钮（左侧圆角） */
#c-add form.cart .quantity .minus,
#c-add form.cart .quantity input[type="button"].minus {
    width: 45px !important;
    height: 48px !important;
    border: 1px solid #f0edf9 !important;
    border-right: none !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    color: #2c2c2c !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 加号按钮（右侧圆角） */
#c-add form.cart .quantity .plus,
#c-add form.cart .quantity input[type="button"].plus {
    width: 45px !important;
    height: 48px !important;
    border: 1px solid #f0edf9 !important;
    border-left: none !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    color: #2c2c2c !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* 4. 下方“Add to cart”按钮：胶囊大圆角，通栏铺开 */
#c-add form.cart button.single_add_to_cart_button {
    width: 100% !important; /* 独占一行，完美撑满标准容器 */
    max-width: 1280px !important; /* 限制最大宽度与页面等宽 */
    height: 50px !important; /* 舒适饱满的加购手感高度 */
    background-color: #b37400 !important; /* 大地金棕色 */
    color: #ffffff !important;
    
    /* 核心修改：大圆角胶囊样式 */
    border-radius: 25px !important; /* 高度的一半 */
    
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important; /* 全大写 */
    letter-spacing: 0.08em !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(179, 116, 0, 0.12) !important;
}

/* 按钮悬停交互（Hover） */
#c-add form.cart button.single_add_to_cart_button:hover {
    background-color: #b37400 !important;
    opacity: 0.9 !important;
    box-shadow: 0 6px 20px rgba(179, 116, 0, 0.2) !important;
}

/* 5. 极致移动端自适应微调 */
@media (max-width: 480px) {
    #c-add form.cart .quantity {
        width: 100% !important;
        justify-content: space-between !important;
    }
    #c-add form.cart .quantity::before {
        margin-right: 15px !important; /* 缩小手机端间距防止拥挤 */
    }
}/* End custom CSS */