/* base */
.product-page {font-family:"Noto Sans TC","Work Sans",sans-serif; color:#696767;position: relative;}
.product-page-right{margin-top: 30px;}
.product-main-slider img{width:100%; margin:0 auto;}
.product-main-slider-sm img{width:100%; margin:0 auto;}
.product-title {font-size:25px; letter-spacing:2px; color:#696767; margin-bottom:20px;}
/* price */
.price-block .price-current { font-size:20px; letter-spacing:2px; color:#696767; }
.price-block .price-original { font-size:16px; color:#D4D0C9; text-decoration:line-through; }
.badge-sale {background: #F4A89E; color: #FFFFFF; border-radius: 10px;padding: 0 10px; font-size: 14px; font-weight: normal;align-self: center;}
.btn-cta { background:#F6C89F; color:#333A56; letter-spacing:7.5px;border:none; padding:12px 16px; margin-bottom:13px;font-size:17px;border-radius: 5px;}
.btn-favorite{margin-bottom:20px;font-size:16px;letter-spacing:2px;}
.btn-review{margin-bottom:20px;font-size:16px;letter-spacing:2px;margin-right: 30px;}
/* color swatch */
.color-swatch { width:35px; height:35px; border-radius:6px; border:3px solid #FFFFFF; background:var(--swatch); display:inline-block; cursor:pointer; }
.color-none-stock{background:linear-gradient(45deg, var(--swatch) 47.5%, #FFFFFF 47.5%, #FFFFFF 52.5%, var(--swatch) 52.5%);cursor:default;}
input[type=radio]:checked + .color-swatch { outline:2px solid #F6C89F; }

/* size chip */
.size-chip { display:inline-block; padding:6px 7px; border:1px solid #696767; border-radius:10px; cursor:pointer; font-size:16px; letter-spacing:2px;color:#696767;}
.size-none-stock{border:1px solid #D4D0C9;color:#D4D0C9;cursor:default;text-decoration: line-through;}
input[type=radio]:checked + .size-chip { background:#FEE4CD; border-color:#F6C89F;}

/* qty */
.qty-select { min-width:120px; }
/* notice */
.notice-block p:first-child{ color:#F6C89F;}
.notice-block p{font-size:16px;margin-bottom:10px;}
/* CTA / wishlist */
.accordion-item{border:0;}
.accordion-button{font-family:"Noto Sans TC";padding:0 0 10px 0; margin-bottom:30px; font-size:16px;letter-spacing:2px;color:#696767; border-bottom: 1px solid #5685A2;}
.accordion-button:not(.collapsed) {color: #696767;background-color: #FFFFFF;box-shadow: none;}
.accordion-button:focus{box-shadow: none;}
.accordion-button::after {
  background-image: none !important;
  content: "+";
  font-size: 20px;
  line-height: 1;
  transform: none !important;
}
.accordion-button:not(.collapsed)::after {
  content: "-";
}
.accordion-body{font-family:"Noto Sans TC";padding:0; margin-bottom:30px;color:#696767;font-size:16px;letter-spacing:2px;}
.label-block-sm{margin-top:30px;}
.label-block-sm p{font-family:"Noto Sans TC";font-size:16px;letter-spacing:2px;margin-bottom:0;}
.label-block-sm a,.label-block-lg a{color:#000000 !important;}
.label-block-lg{display:none;}
.product-page-right p{
    letter-spacing:2px;
}
.price-block,.discount-block,.color-block,.size-block,.notice-block,.salecount-block{
    margin-bottom:30px;
}
.quantity-block,.stock-block,.addcart-block{
    margin-bottom:20px;
}
.salecount-block p{
    margin:0;
}
.discount-title{
    color:#5685A2;
    padding-bottom:10px;
    font-size:16px;
    letter-spacing:2px;
}
.discount-content{
    font-size:16px;
    padding-bottom:10px;
    letter-spacing:2px;
    align-items:flex-end;
}
.discount-content:last-child{
    padding-bottom:0;
}
.qty-btn {
  flex: 0 0 50px;       /* 固定寬度 */
  border: none;
  background: none;     /* 無背景 */
  font-size: 20px;
  font-weight: bold;
  color: #696767;          /* 只顯示文字顏色 */
  cursor: pointer;
}
.qty-btn:hover,.qty-btn:focus,.qty-input:focus {
  background: none;     /* 移除 hover 背景 */
  color: #696767;          /* 保持一樣的字色 */
  outline: none;        /* 移除外框 */
  box-shadow:none;
}
.qty-input{
  font-size: 16px;
  color:#696767;
  text-align: center !important;
  flex: 1 1 auto !important;
  border: 0 !important;
}
.qty-btn:disabled{color:#D4D0C9 !important; cursor:default;}
.relatedpro-title{font-family:"Noto Sans TC";font-size:16px;text-align:center;letter-spacing:2px;margin-bottom:12px;}
.related-slider .slick-slide {
    padding: 0 5px; /* 控制左右間距，比桌機小 */
}
.relate-img {
    width: 95%; /* 放大圖片 */
    margin:0 auto;
}
.related-slider .slick-prev {
    left: -15px; /* 箭頭再外移一點 */
}
.related-slider .slick-next {
    right: -15px; /* 箭頭再外移一點 */
}
.accordion-body p{
  line-height:30px;
}
.chip-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-bottom:10px;
}
.chip {
  font-family:"Noto Sans TC";
  font-size:16px;
  text-align:center;
  letter-spacing:2px;
  display: inline-block;
  width: 100%;
  padding: 6px 10px;
  border-radius: 5px;
  border: 1px solid #D4D0C9;
  background: #fff;
  color: #D4D0C9;
}
.chip.active {
  border-color: #5685A2;
  color: #5685A2;
}
.certificate-group{
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 15px;
  margin-bottom:10px;
  align-items: center;
}
.certificate-title{
  font-weight:bold;
  color:#5685A2;
}
.certificate-text{

}
.icon {
  flex: 0 0 20px;
  height: 20px;
  object-fit: contain;
}
.custom-close{
  position: absolute;
  background-image: url(/assets/images/icon/icon_Close.png);
    opacity: 1;
    background-size: 36px 36px;
    top: -27px;
    right: -27px;
    width: 36px;
  height: 36px;
  background-color:transparent;
  border:none;
}
.outofstock{
  position: absolute;
  border:1px solid #607D8B;
  padding:3px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width:85%;
  text-align: center;
  font-size:16px;
  color:#607D8B;
}
@media (min-width: 992px) {
    .product-page {margin-bottom:154px;}
    .product-sidebar {
        position: sticky; top: 90px;
    }
    .product-page-left{
        margin-right:5.5%;
        width:60%;
        max-width:850px;
    }
    .product-page-right{
        width:34%;
        margin-top:0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .product-main-slider img{height:auto;}
    .product-page-left,.product-page-right{
        padding:0;
        display: inline-block;
        vertical-align: top;
    }
    .product-title {font-size:26px;}
    .price-current {font-size:21px;}
    .price-block .price-original {font-size:17px;}
    .badge-sale {font-size: 17px;}
    .btn-cta {font-size:18px;}
    .size-chip {font-size:17px;}
    .notice-block p{font-size:17px;}
    .accordion-button{font-size:17px;}
    .accordion-body{font-size:17px;}
    .label-block-lg{display:block;}
    .label-block-lg p{font-family:"Noto Sans TC";font-size:17px;letter-spacing:2px;margin-bottom:0;}
    .label-block-sm{display:none;}
    .discount-title{font-size:17px;}
    .discount-content{font-size:17px;
    align-items:center;}
    .qty-input{font-size: 17px;}
    .btn-favorite{font-size:17px;}
    .btn-review{font-size:17px;}
    .relatedpro-title{font-size:17px;}
    .certificate-group{
      grid-template-columns: 145px 1fr;
      gap:30px;
    }
}