/* 商品頁：多變數規格按鈕、加購商品列表、顏色選擇（顏色數量不限） */
.bn-variants{margin:14px 0 6px}
.bn-vgroup{margin:0 0 14px}
.bn-vtitle{font-size:15px;font-weight:700;color:#333;margin-bottom:8px}
.bn-vchosen{font-weight:400;color:#6b8f55}
.bn-vopts{display:flex;flex-wrap:wrap;gap:8px}
.bn-vopt{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #c9c9c9;border-radius:4px;padding:8px 16px;font-size:15px;line-height:1.3;color:#333;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.bn-vopt:hover:not(:disabled){border-color:#6b8f55}
.bn-vopt.is-selected{border-color:#6b8f55;background:#6b8f55;color:#fff}
.bn-vopt.is-disabled,.bn-vopt:disabled{color:#b5b5b5;background:#f4f4f4;border-style:dashed;cursor:not-allowed}
.bn-price{color:#333}

/* 顏色：不再用輪播，數量多時自動換行 */
.slider-nav2.yith_magnifier_gallery{display:flex;flex-wrap:wrap;gap:8px}
/* 舊版 script.js（已快取或尚未更新）仍會把顏色區做成 slick 輪播：強制攤平成一般排列 */
.slider-nav2 .slick-list{overflow:visible!important;width:100%!important;height:auto!important}
.slider-nav2 .slick-track{display:flex!important;flex-wrap:wrap;gap:8px;width:100%!important;transform:none!important;margin:0!important}
.slider-nav2 .slick-slide{float:none!important;width:auto!important;height:auto!important;margin:0!important;flex:0 0 auto}
.slider-nav2 .slick-slide>div{width:auto!important}
.slider-nav2 .slick-cloned{display:none!important}
.slider-nav2.yith_magnifier_gallery>div{margin:0;flex:0 0 auto;width:auto}
/* 顏色色塊：固定大小、彼此留白，不再依賴輪播的 slick-slide 寬度 */
.slider-nav2.yith_magnifier_gallery a.sel_color{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:46px;height:46px;min-width:46px;min-height:46px;padding:3px;margin:0;border:2px solid #dbdbdb;border-radius:50%;background-clip:content-box;background-repeat:no-repeat;background-position:center;background-size:cover;font-size:12px;line-height:1.2;color:#333;text-align:center;text-decoration:none;overflow:hidden}
.slider-nav2.yith_magnifier_gallery a.sel_color:hover{border-color:#999}
.slider-nav2.yith_magnifier_gallery a.sel_color.color_checked{border-color:#333;box-shadow:0 0 0 1px #333}
/* 沒有色碼、只有文字的顏色：改成較寬的文字按鈕 */
.slider-nav2.yith_magnifier_gallery a.sel_color:not([style*="background"]){width:auto;min-width:46px;padding:0 14px;border-radius:23px;background:#fff}

/* 加購商品 */
.bn-addons{margin:0;padding:0}
.bn-addons .bn-addon{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eee;font-size:15px}
.bn-addon .bn-addon-ck{flex:0 0 auto;width:18px;height:18px;margin:0}
.bn-addon .bn-addon-img{flex:0 0 60px;margin:0}
.bn-addon .bn-addon-img img{display:block;width:60px;height:60px;object-fit:cover;border:1px solid #eee;background:#fff}
.bn-addon .bn-addon-info{flex:1 1 auto;min-width:0}
.bn-addon .bn-addon-name{display:block;color:#5e8a45;font-weight:600;line-height:1.35;margin-bottom:6px;word-break:break-all}
.bn-addon .bn-addon-qty{display:inline-flex;align-items:center;border:1px solid #d8d8d8;border-radius:3px;overflow:hidden}
.bn-addon .bn-addon-qty button{width:30px;height:28px;border:0;background:#fff;font-size:16px;line-height:1;color:#333;cursor:pointer;padding:0}
.bn-addon .bn-addon-qty input{width:38px;height:28px;border:0;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;text-align:center;font-size:14px;padding:0;background:#fff}
.bn-addon .bn-addon-qty button:disabled,.bn-addon .bn-addon-qty input:disabled{background:#f4f4f4;color:#b5b5b5;cursor:not-allowed}
.bn-addon .bn-addon-price{flex:0 0 auto;text-align:right;white-space:nowrap}
.bn-addon .bn-addon-price del{display:block;color:#9a9a9a;font-size:13px}
.bn-addon .bn-addon-price strong{font-size:16px;color:#222}
@media (max-width:480px){.bn-addons .bn-addon{flex-wrap:wrap}.bn-addon .bn-addon-price{margin-left:auto}}