/* ==========================================================================
   CLIENTS PAGE STYLES
   ========================================================================== */

.ko-clientspage-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.ko-clientspage-tile{
  background:#fff; border:1px solid var(--line); border-radius:16px; height:130px;
  display:flex; align-items:center; justify-content:center; padding:22px;
  transition:box-shadow .2s, border-color .2s, transform .2s;
}
.ko-clientspage-tile:hover{ box-shadow:var(--shadow-card); border-color:rgba(200,153,46,.4); transform:translateY(-3px); }
.ko-clientspage-tile img{ max-height:64px; max-width:100%; width:auto; object-fit:contain; }

@media (max-width:900px){ .ko-clientspage-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .ko-clientspage-grid{ grid-template-columns:repeat(2,1fr); } .ko-clientspage-tile{ height:110px; padding:16px; } }

.ko-clients-note{ max-width:760px; margin:0 auto; text-align:center; }
.ko-clients-note p{ font-size:13px; color:var(--ink-soft); line-height:1.7; }