.elementor-136 .elementor-element.elementor-element-c985478{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-73fd777{--display:flex;--min-height:50px;--justify-content:center;--padding-top:1%;--padding-bottom:0%;--padding-left:12%;--padding-right:12%;}.elementor-136 .elementor-element.elementor-element-73fd777:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-73fd777 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-8d13bdf .woocommerce-breadcrumb{color:#222222;font-size:14px;font-weight:500;}.elementor-136 .elementor-element.elementor-element-8d13bdf .woocommerce-breadcrumb > a{color:#0068BD;}.elementor-136 .elementor-element.elementor-element-307193e{--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:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-136 .elementor-element.elementor-element-5dc94c8{--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:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:6%;--padding-bottom:6%;--padding-left:12%;--padding-right:12%;}.elementor-136 .elementor-element.elementor-element-5dc94c8:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-5dc94c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-cf55d8b{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.woocommerce .elementor-136 .elementor-element.elementor-element-4da02f1 .flex-control-thumbs img{border-style:solid;border-width:3px 3px 3px 3px;border-color:#0068BD;border-radius:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-2d5309a{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-136 .elementor-element.elementor-element-8115209 .elementor-heading-title{font-size:42px;font-weight:300;line-height:46px;}.woocommerce .elementor-136 .elementor-element.elementor-element-6dbf333 .price{color:#1F1F1F;font-size:34px;}.woocommerce .elementor-136 .elementor-element.elementor-element-6dbf333 .price ins{font-size:63px;}.elementor-136 .elementor-element.elementor-element-3b63913 .elementor-heading-title{font-size:16px;font-weight:400;text-transform:capitalize;}.woocommerce .elementor-136 .elementor-element.elementor-element-96792cf .woocommerce-product-details__short-description{color:#272727;}.elementor-136 .elementor-element.elementor-element-2e1dd63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;}.elementor-136 .elementor-element.elementor-element-2e1dd63 .cart button, .elementor-136 .elementor-element.elementor-element-2e1dd63 .cart .button{transition:all 0.2s;}.elementor-136 .elementor-element.elementor-element-2e1dd63 .quantity .qty{transition:all 0.2s;}.elementor-136 .elementor-element.elementor-element-5dd2273{--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 8px;--row-gap:0px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-a3162fd img{width:100%;max-width:100%;height:60px;object-fit:cover;object-position:center center;}.elementor-136 .elementor-element.elementor-element-604ae68 img{width:100%;max-width:100%;height:50px;}.elementor-136 .elementor-element.elementor-element-8d4e04f img{width:100%;max-width:100%;height:50px;}.elementor-136 .elementor-element.elementor-element-15eaf35{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-136 .elementor-element.elementor-element-15eaf35 .elementor-divider-separator{width:100%;}.elementor-136 .elementor-element.elementor-element-15eaf35 .elementor-divider{padding-block-start:14px;padding-block-end:14px;}.elementor-136 .elementor-element.elementor-element-8f87214{font-size:14px;color:#252525;}.elementor-136 .elementor-element.elementor-element-2209a3c{--display:flex;--min-height:0px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-04eadb2{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-04eadb2:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-04eadb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-b71cda0{padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-e886d20{--display:flex;--min-height:0px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-3f8df13{--display:flex;--min-height:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:12%;--padding-right:12%;}.elementor-136 .elementor-element.elementor-element-3f8df13:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-3f8df13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-7009519 .elementor-heading-title{font-size:36px;font-weight:300;color:#202020;}@media(min-width:768px){.elementor-136 .elementor-element.elementor-element-c985478{--content-width:1600px;}.elementor-136 .elementor-element.elementor-element-307193e{--content-width:1600px;}.elementor-136 .elementor-element.elementor-element-5dc94c8{--width:1200%;}.elementor-136 .elementor-element.elementor-element-cf55d8b{--width:50%;}.elementor-136 .elementor-element.elementor-element-2d5309a{--width:40%;}.elementor-136 .elementor-element.elementor-element-2209a3c{--content-width:1600px;}.elementor-136 .elementor-element.elementor-element-e886d20{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-136 .elementor-element.elementor-element-cf55d8b{--width:50%;}.elementor-136 .elementor-element.elementor-element-2d5309a{--width:40%;}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-c985478{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-136 .elementor-element.elementor-element-73fd777{--padding-top:5%;--padding-bottom:6%;--padding-left:6%;--padding-right:2%;}.elementor-136 .elementor-element.elementor-element-5dc94c8{--padding-top:0%;--padding-bottom:0%;--padding-left:1%;--padding-right:1%;}.elementor-136 .elementor-element.elementor-element-8115209 .elementor-heading-title{font-size:34px;line-height:1.2em;}.woocommerce .elementor-136 .elementor-element.elementor-element-6dbf333 .price{font-size:23px;}.woocommerce .elementor-136 .elementor-element.elementor-element-6dbf333 .price ins{font-size:46px;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-6dbf333 *//* 针对 WooCommerce 价格显示的调整 */
.woocommerce-Price-amount.amount {
    display: inline-flex !important;
    align-items: flex-start !important;
    line-height: 1 !important;
    color: #1f1f1f;
}

/* 调整货币符号 */
.woocommerce-Price-currencySymbol {
    font-size: 0.5em !important; /* 设置为当前字号的 50% */
    margin-right: 2px !important;
    vertical-align: top !important;
}


.woocommerce-Price-amount del {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    display: inline-block;
    margin: 0 0.3em 0 0 !important;   /* 左右留一點距離就好 */
    vertical-align: baseline;          /* 避免基線偏移造成額外空間 */
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    line-height: 1.2;                  /* 通常設 1.1~1.3 會更好看 */
}
.woocommerce div.product p.price ins,
.woocommerce div.product p.price del {
    display: inline !important;
}

.woocommerce div.product p.price del {
    font-size: 0.8em;           /* 原價字小一點更美觀 */
    opacity: 0.7;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product p.price {
    margin-bottom: 0 !important;    /* 價格區塊本身對下面的間距 */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-2e1dd63 *//* --- 1. 修改加购按钮样式 (黄色、黑边、全宽) --- */
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
    background-color: #DADADA12 !important; /* 图中的黄色 */
    color: #0070cc !important;            /* 黑色文字 */
    border: 3px solid #0070cc !important; /* 黑色边框 */
    border-radius:100px !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: 3px solid #d53b00 !important;
     background-color: #d53b00 !important;
     color: #fff !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: 5px;
}

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