/* Product Detail (JOYO) */
.section-product-detail .panel-left a.cate-title, .section-product-detail .panel-left a.cate-sub{text-decoration:none;}
.section-product-detail .product-top{align-items:center;}
.section-product-detail .product-top .title{font-size:2rem; color:var(--color-p);}
.section-product-detail .product-top .desc{color:#555555;}
.section-product-detail .img-preview{display:flex; align-items:center; justify-content:center;}
.section-product-detail .img-preview img{display:block; max-width:100%; height:auto;}
.section-product-detail .highlights{margin:0; padding-left:1.25rem; list-style:disc; color:#555555;}
.section-product-detail .highlights li{margin-top:.5rem;}
.section-product-detail .img-center{text-align:center;}
.section-product-detail .img-center img{display:inline-block; max-width:100%; height:auto;}
.section-product-detail .product-tabs{padding:0; border:0;}
.section-product-detail .product-tabs .tabs{display:flex; flex-wrap:wrap; padding:0; border-bottom:2px solid var(--color-p);}
.section-product-detail .product-tabs .tab{padding:.75rem 1.5rem; background:#f7f7f7; color:#5f5f5f; transition:background .25s, color .25s;}
.section-product-detail .product-tabs .tab:hover{color:var(--color-p);}
.section-product-detail .product-tabs .tab.active{background:var(--color-p); color:#ffffff;}
.section-product-detail .product-tabs .tab-contents{padding-top:1.5rem;}
.section-product-detail .form-container input, .section-product-detail .form-container textarea{
  width:100%; max-width:30rem; background-color:#f0f0f0; border:1px solid #d9d9d9; border-radius:var(--bradius); outline:none;
}
.section-product-detail .form-container input:focus, .section-product-detail .form-container textarea:focus{border-color:var(--color-p); background-color:#ffffff;}
.section-product-detail .form-container input[type="hidden"]{display:none;}
@media screen and (max-width:991.98px){
  .section-product-detail .product-top .title{font-size:1.5rem;}
  .section-product-detail .product-top .img-preview{margin-top:1.5rem;}
  .section-product-detail .product-tabs .tab{padding:.625rem 1rem;}
}

.section-product-detail .rich p{margin:0 0 .75rem 0; color:#555555;}
.section-product-detail .rich ul{margin:0 0 .75rem 0; padding-left:1.25rem; list-style:disc; color:#555555;}
.section-product-detail .rich li{margin-top:.5rem;}
.section-product-detail .rich img{display:block; max-width:100%; height:auto; margin:1rem auto;}
.section-product-detail .rich table{width:100%; border-collapse:collapse; margin:0 0 1rem 0;}
.section-product-detail .rich td, .section-product-detail .rich th{border:1px solid #e1e1e1; padding:.5rem .75rem; vertical-align:top;}
@media screen and (max-width:991.98px){
  .section-product-detail .rich{overflow-x:auto;}
}

/* Gallery, meta, tables (shared detail component) */
.section-product-detail .product-top > .grid{min-width:0;}
.section-product-detail .product-gallery{min-width:0; width:100%;}
.section-product-detail .product-gallery .gallery-thumbs{width:100%; min-width:0;}
.section-product-detail .product-gallery .thumbs-wrap{position:relative; margin-top:1rem; padding:0 2rem;}
.section-product-detail .product-gallery .gallery-thumbs{overflow:hidden;}
.section-product-detail .gallery-thumbs .thumb{
  flex-shrink:0; width:4.5rem!important; height:4.5rem; padding:.25rem; background:#ffffff; border:1px solid #e1e1e1; border-radius:var(--bradius); cursor:pointer; transition:border-color .25s;
}
.section-product-detail .thumbs-nav{
  position:absolute; top:50%; width:1.75rem; height:1.75rem; margin-top:-.875rem; padding:0; border:0; border-radius:50%;
  background:#f0f0f0; color:#222325; font-size:.75rem; cursor:pointer; transition:background .25s, color .25s, opacity .25s;
}
.section-product-detail .thumbs-nav:hover{background:var(--color-p); color:#ffffff;}
.section-product-detail .thumbs-prev{left:0;}
.section-product-detail .thumbs-next{right:0;}
.section-product-detail .thumbs-nav.is-disabled{opacity:.35; cursor:default; pointer-events:none;}
.section-product-detail .gallery-thumbs .thumb img{display:block; width:100%; height:100%; object-fit:contain;}
.section-product-detail .gallery-thumbs .thumb:hover, .section-product-detail .gallery-thumbs .thumb.active{border-color:var(--color-p);}
.section-product-detail .range-chip{display:inline-block; padding:.25rem .75rem; font-size:.9375rem; border-radius:1rem; background:#f0f0f0; color:#222325;}
.section-product-detail .meta{color:#555555;}
.section-product-detail .meta a{color:var(--color-p); text-decoration:none;}
.section-product-detail .rich .table-wrap{width:100%; overflow-x:auto; margin:0 0 1rem 0;}
.section-product-detail .rich .table-wrap table{width:100%; min-width:36rem; margin:0;}
.section-product-detail .rich strong, .section-product-detail .rich b{font-weight:600;}
.section-product-detail .rich h4, .section-product-detail .rich h5{margin:1.25rem 0 .5rem 0; font-weight:500;}
@media screen and (max-width:991.98px){
  .section-product-detail .product-tabs .tab{flex:1 1 auto; text-align:center;}
}

/* Attachments (PDF datasheets) */
.section-product-detail .attachments{margin:0; padding:0; list-style:none;}
.section-product-detail .attachments li{margin-top:.5rem;}
.section-product-detail .attachments a{
  display:inline-flex; align-items:center; max-width:100%; padding:.5rem .875rem; text-decoration:none; color:#222325;
  border:1px solid #e1e1e1; border-radius:var(--bradius); transition:border-color .25s, color .25s;
}
.section-product-detail .attachments a:hover{border-color:var(--color-p); color:var(--color-p);}
.section-product-detail .attachments em{margin-right:.625rem; font-size:1.25rem; color:#d93025;}
.section-product-detail .attachments .name{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section-product-detail .attachments .size{margin-left:.75rem; font-size:.8125rem; color:#7a7a7a; white-space:nowrap;}

/* Related products (swiper) */
.section-product-detail .related-products{margin-top:3rem; min-width:0;}
.section-product-detail .related-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem;}
.section-product-detail .related-title{margin:0; font-size:1.5rem; line-height:1.25; color:#222325;}
.section-product-detail .related-nav{display:flex; gap:.5rem;}
.section-product-detail .related-nav button{
  width:2rem; height:2rem; padding:0; border:0; border-radius:50%; background:#f0f0f0; color:#222325; font-size:.8125rem; cursor:pointer;
  transition:background .25s, color .25s, opacity .25s;
}
.section-product-detail .related-nav button:hover{background:var(--color-p); color:#ffffff;}
.section-product-detail .related-nav button.is-disabled{opacity:.35; cursor:default; pointer-events:none;}
.section-product-detail .related-nav.is-lock{display:none;}
.section-product-detail .related-swiper{overflow:hidden; padding-bottom:2rem;}
.section-product-detail .related-swiper .swiper-slide{height:auto;}
.section-product-detail .related-swiper .card-product{height:100%;}
.section-product-detail .related-swiper .swiper-pagination{bottom:0;}
.section-product-detail .related-swiper .swiper-pagination-bullet{background:#c8c8c8; opacity:1;}
.section-product-detail .related-swiper .swiper-pagination-bullet-active{background:var(--color-p);}
@media screen and (max-width:575.98px){
  .section-product-detail .related-title{font-size:1.25rem;}
  /* ปุ่มลูกศรบนมือถือ: ขยายให้แตะง่ายขึ้น */
  .section-product-detail .related-nav button{width:2.5rem; height:2.5rem; font-size:.9375rem;}
  .section-product-detail .thumbs-nav{width:2.25rem; height:2.25rem; margin-top:-1.125rem;}
  .section-product-detail .product-gallery .thumbs-wrap{padding:0 2.5rem;}
}

/* โลโก้แบรนด์เหนือชื่อสินค้า */
.section-product-detail .brand-logo-link{display:inline-block; margin-bottom:.75rem;}
.section-product-detail .brand-logo-link .brand-logo{display:block; width:7.5rem; max-width:100%; height:auto; mix-blend-mode:multiply;}