/* ===== Client Testimonials: click-to-play (add to /ad-agency/css/custom.css) ===== */
.tes-testi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:10px}
.tes-testi{margin:0}
.tes-testi-btn{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;background:#111;cursor:pointer;overflow:hidden;border-radius:4px}
.tes-testi-btn img,.tes-testi-btn video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tes-testi-btn img{transition:transform .5s ease,filter .3s ease;filter:brightness(.85)}
.tes-testi-btn:hover img,.tes-testi-btn:focus-visible img{transform:scale(1.04);filter:brightness(1)}
.tes-testi-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#e57bff;box-shadow:0 0 0 8px rgba(229,123,255,.25);transition:background .3s,box-shadow .3s}
.tes-testi-play:before{content:"";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.tes-testi-btn:hover .tes-testi-play,.tes-testi-btn:focus-visible .tes-testi-play{background:#f1c30f;box-shadow:0 0 0 12px rgba(241,195,15,.25)}
.tes-testi-btn:focus-visible{outline:2px solid #f1c30f;outline-offset:3px}
.tes-testi.is-playing .tes-testi-play,.tes-testi.is-playing img{display:none}
.tes-testi-cap{margin:12px 0 0;text-align:center;color:#fff;font-size:15px;line-height:1.3}
.tes-testi-cap span{display:block;color:#f1c30f;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:3px}
/* support for old Safari without aspect-ratio */
@supports not (aspect-ratio:9/16){.tes-testi-btn{height:0;padding-top:177.78%}}
/* tablet: 2 per row */
@media (max-width:991px){.tes-testi-row{grid-template-columns:repeat(2,1fr);gap:20px}}
/* slider controls: hidden on desktop/tablet */
.tes-testi-nav{display:none}
/* mobile: one card at a time, swipe + arrows + dots */
@media (max-width:767px){
  .tes-testi-row{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;margin-top:10px;scrollbar-width:none}
  .tes-testi-row::-webkit-scrollbar{display:none}
  .tes-testi{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center}
  .tes-testi-btn{height:60vh;max-height:560px;width:auto;max-width:100%;aspect-ratio:9/16}
  @supports not (aspect-ratio:9/16){.tes-testi-btn{width:33.75vh;padding-top:0}}
  .tes-testi-cap{margin-top:10px}
  .tes-testi-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
  .tes-testi-arrow{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#2b2b2b;cursor:pointer;padding:0;transition:background .3s,border-color .3s}
  .tes-testi-arrow:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transition:border-color .3s}
  .tes-testi-prev:before{transform:translate(-30%,-50%) rotate(135deg)}
  .tes-testi-next:before{transform:translate(-70%,-50%) rotate(-45deg)}
  .tes-testi-arrow:hover,.tes-testi-arrow:focus-visible{background:#f1c30f;border-color:#f1c30f;outline:0}
  .tes-testi-arrow:hover:before,.tes-testi-arrow:focus-visible:before{border-color:#1b1b1b}
  .tes-testi-arrow[disabled]{opacity:.35;cursor:default;background:#2b2b2b;border-color:rgba(255,255,255,.25)}
  .tes-testi-arrow[disabled]:before{border-color:#fff}
  .tes-testi-dots{display:flex;gap:8px}
  .tes-testi-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .3s,width .3s}
  .tes-testi-dot.is-active{background:#f1c30f;width:24px;border-radius:5px}
  .tes-testi-count{color:#fff;font-size:13px;min-width:38px;text-align:center;letter-spacing:1px}
}