.elementor-9 .elementor-element.elementor-element-4133c320{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-4133c320{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-6d5ea1e5 *//* 将父容器设置为 Flex 布局，使其子元素水平排列并垂直居中 */
.quantity {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* 或者使用 center 居中 */
    gap: 10px; /* 按钮和输入框之间的间距，可自行调整 */
}

/* 移除 p 标签默认的边距，防止上下错位 */
.quantity p {
    margin: 0 !important;
    padding: 0;
    display: flex;
    align-items: center;
}

/* 隐藏导致换行的 br 标签 */
.quantity br {
    display: none;
}

/* 优化数字输入框的样式 */
.quantity input[type="number"] {
    width: 50px; /* 控制输入框宽度 */
    text-align: center; /* 让数字居中 */
    border: none; /* 移除边框，如果你想要输入框下方的横线可以保留 border-bottom */
    -moz-appearance: textfield; /* 隐藏火狐浏览器的上下箭头 */
}

/* 隐藏 Webkit 浏览器 (Chrome/Safari) 的默认上下小箭头 */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 统一按钮和输入框的高度 (可选，根据你的 UI 需求调整) */
.quantity .btn, 
.quantity .qty {
    height: 40px; 
    line-height: 40px;
    box-sizing: border-box;
}


/* 1. 让导致文字下移的 <br> 标签完全失效 */
.wc-proceed-to-checkout .checkout-button br {
    display: none !important;
}

/* 2. 强行将按钮内容垂直加水平完美居中 */
.wc-proceed-to-checkout .checkout-button {
    display: inline-flex !important;
    align-items: center !important;     /* 垂直居中 */
    justify-content: center !important;   /* 水平居中 */
    vertical-align: middle;
}


/* 1. 隐藏优惠券按钮内部的 <br> 标签 */
button[name="apply_coupon"] br {
    display: none !important;
}

/* 2. 强行将优惠券按钮文字垂直加水平居中 */
button[name="apply_coupon"] {
    display: inline-flex !important;
    align-items: center !important;     /* 垂直居中 */
    justify-content: center !important;   /* 水平居中 */
    vertical-align: middle;
}/* End custom CSS */