.kajahdus-clients {
  width: 100%;
  margin: var(--kc-wrap-margin, 0);
  padding: var(--kc-wrap-padding, 0);
}

.kajahdus-clients__grid {
  display: grid;
  grid-template-columns: repeat(var(--kc-columns-desktop, 4), minmax(0, 1fr));
  gap: var(--kc-gap, 32px);
  align-items: stretch;
}

.kajahdus-clients__item {
  min-width: 0;
  height: var(--kc-cell-height, 86px);
  margin: var(--kc-cell-margin, 0);
  padding: var(--kc-cell-padding-top, var(--kc-cell-padding, 16px)) var(--kc-cell-padding, 16px) var(--kc-cell-padding-bottom, var(--kc-cell-padding, 16px));
  display: flex;
  align-items: var(--kc-align-y, center);
  justify-content: var(--kc-align-x, center);
  background: var(--kc-cell-bg, transparent);
  border: var(--kc-border-width, 0px) solid var(--kc-cell-border, transparent);
  border-radius: var(--kc-cell-radius, 0px);
  box-sizing: border-box;
}

.kajahdus-clients__link,
.kajahdus-clients__logo {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: var(--kc-align-y, center);
  justify-content: var(--kc-align-x, center);
  text-decoration: none;
}

.kajahdus-clients__img {
  display: block;
  width: auto;
  height: auto;
  max-width: var(--kc-logo-max-width, 82%);
  max-height: var(--kc-logo-max-height, 58%);
  object-fit: contain;
}

.kajahdus-clients__mask {
  display: block;
  width: var(--kc-logo-max-width, 82%);
  height: var(--kc-logo-max-height, 58%);
  min-height: 24px;
  background-color: var(--kc-logo-color, currentColor);
  -webkit-mask-image: var(--kc-logo-url);
  mask-image: var(--kc-logo-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.kajahdus-clients--original .kajahdus-clients__logo--single,
.kajahdus-clients--single .kajahdus-clients__logo--original {
  display: none;
}

.kajahdus-clients--single .kajahdus-clients__logo--single,
.kajahdus-clients--original .kajahdus-clients__logo--original {
  display: flex;
}

@media (max-width: 999px) {
  .kajahdus-clients__grid {
    grid-template-columns: repeat(var(--kc-columns-tablet, 3), minmax(0, 1fr));
  }
}

@media (max-width: 690px) {
  .kajahdus-clients__grid {
    grid-template-columns: repeat(var(--kc-columns-mobile, 2), minmax(0, 1fr));
  }
}