/* KATI card geometry; colors, captions, radius and spacing remain native block styles. */
.t1-content .t1-client-logo-preview{width:var(--t1-carousel-width,100%);max-width:none;margin-inline:calc((100% - var(--t1-carousel-width,100%))/2);overflow:hidden;border:0}
.t1-client-logo-preview .t1-logo-viewport{overflow:hidden;width:100%;touch-action:pan-y}
.t1-client-logo-preview .t1-logo-track{display:flex;gap:10px;align-items:stretch;margin:0;padding:0;will-change:transform}
.t1-client-logo-preview .t1-logo-card{flex:0 0 calc((100% - 40px)/5);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.t1-client-logo-preview .t1-logo-card>.wp-block-image{width:100%;margin:0}
.t1-client-logo-preview .t1-logo-card img{display:block;width:100%;height:auto;aspect-ratio:300/158;object-fit:contain;filter:brightness(0);opacity:.4}
.t1-client-logo-preview .t1-logo-kauppalaisseuran-saatio img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.6}
.t1-client-logo-preview .t1-logo-card .t1-logo-caption{width:100%;text-align:center;letter-spacing:0;font-weight:400}
.t1-client-logo-preview .t1-logo-controls{display:flex;gap:12px;justify-content:center;margin:24px 0 0}
.t1-client-logo-preview .t1-logo-controls[hidden]{display:none}
.t1-client-logo-preview .t1-logo-controls button{display:grid;place-items:center;min-width:34px;width:34px;height:34px;padding:0;background:rgba(49,50,53,.09);border:0;border-radius:50%;color:#929292;font:inherit;line-height:1;transition:background-color .2s,color .2s}
.t1-client-logo-preview .t1-logo-controls button svg{width:8px;height:13px;fill:currentColor;pointer-events:none}
.t1-client-logo-preview .t1-logo-controls button:hover{background:rgba(49,50,53,.15);color:#555}
.t1-client-logo-preview .t1-logo-controls button:focus-visible{outline:2px solid var(--theme-palette-color-1,currentColor);outline-offset:4px}
@media(max-width:1023px){.t1-client-logo-preview .t1-logo-card{flex-basis:calc((100% - 20px)/3)}}
@media(max-width:767px){.t1-client-logo-preview .t1-logo-card{flex-basis:calc((100% - 10px)/2)}}
/* No animation in the editor: every native card stays reachable and editable. */
.editor-styles-wrapper .t1-client-logo-preview{width:100%;max-width:100%;margin-inline:0;overflow:visible}
.editor-styles-wrapper .t1-client-logo-preview .t1-logo-track{flex-wrap:wrap;transform:none}
.editor-styles-wrapper .t1-client-logo-preview .t1-logo-card{flex-basis:calc((100% - 20px)/3)}