/* Home: Customer References (Swiper โลโก้ลูกค้า) */
.section-customers .customers-desc{max-width:36rem; margin-left:auto; margin-right:auto; color:#555555;}
.section-customers .customers-head{margin-bottom:2.5rem;}
.section-customers .customers-swiper{overflow:hidden; padding-bottom:2.5rem;}
.section-customers .swiper-slide{display:flex; align-items:center; justify-content:center;}
.section-customers .logo-item{
  display:flex; align-items:center; justify-content:center; width:100%; height:6rem; padding:.75rem 1rem;
  background:#ffffff; border:1px solid #efefef; border-radius:var(--bradius); transition:box-shadow .25s, border-color .25s;
}
.section-customers a.logo-item:hover, .section-customers div.logo-item:hover{box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);}
.section-customers .logo-item img{
  display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;
   transition:filter .25s, opacity .25s;
   /* filter:grayscale(1); opacity:.75; */
}
.section-customers .logo-item:hover img{filter:none; opacity:1;}
.section-customers .swiper-pagination{bottom:0;}
.section-customers .swiper-pagination-bullet{background:#c8c8c8; opacity:1;}
.section-customers .swiper-pagination-bullet-active{background:var(--color-p);}

/* ===== หน้า customer-references.php ===== */
.customers-intro .intro-wrap{max-width:46rem; margin:0 auto;}
.customers-intro h1{font-size:2.5rem;}
.customers-intro .intro-tagline{font-size:1.125rem; color:#555555;}
.customers-intro .intro-count{display:inline-flex; align-items:center; gap:.875rem; padding:.75rem 1.25rem; border:1px solid #e1e1e1; border-radius:var(--bradius); text-align:left;}
.customers-intro .intro-count .num{font-size:2.25rem; font-weight:600; line-height:1; color:var(--color-p);}
.customers-intro .intro-count .label{font-size:.875rem; line-height:1.3; color:#555555;}
.section-customers-page .customers-list-head{margin-bottom:2.5rem;}
/* flex + justify-content:center: แถวสุดท้ายที่มีโลโก้ไม่ครบจะอยู่กึ่งกลาง (ความกว้างการ์ด = (100% - ช่องว่าง) / จำนวนคอลัมน์) */
.section-customers-page .customers-grid{--cols:4; --gap:1.5rem; display:flex; flex-wrap:wrap; justify-content:center; gap:var(--gap); margin:0; padding:0; list-style:none;}
.section-customers-page .customer{display:flex; flex-direction:column; align-items:stretch; flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); min-width:0;}
.section-customers-page .logo-item{
  display:flex; align-items:center; justify-content:center; width:100%; padding:.75rem 1rem;
  background:#ffffff; border:1px solid #efefef; border-radius:var(--bradius); transition:box-shadow .25s, border-color .25s;
}
.section-customers-page .logo-item:hover{box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);}
.section-customers-page .logo-item img{display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}
.section-customers-page .customer .logo-item{height:8rem;}
.section-customers-page .customer .name{margin:.625rem 0 0 0; text-align:center; font-size:.9375rem; color:#555555;}
.section-customers-page .customer .logo-item img{opacity:1; filter:none;}
.customers-cta .cta-box{padding:3rem 1.5rem; border-radius:.375rem; background:var(--color-p);}
.customers-cta .cta-desc{max-width:36rem; margin-left:auto; margin-right:auto; color:rgba(255,255,255,.9);}
.customers-cta .cta-actions{display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem;}
.customers-cta .cta-actions .btns{width:auto; margin:0;}
.customers-cta .cta-actions .btns > .btn{margin:0;}
@media screen and (max-width:991.98px){
  .section-customers-page .customers-grid{--cols:3;}
  .customers-intro h1{font-size:2rem;}
}
@media screen and (max-width:575.98px){
  .section-customers-page .customers-grid{--cols:2; --gap:1rem;}
  .section-customers-page .customer .logo-item{height:6.5rem;}
  .customers-intro h1{font-size:1.625rem;}
  .customers-cta .cta-actions .btns{width:100%;}
}
.section-customers .customers-more{margin-top:1.5rem;}