.klaams-technology-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 14px auto 0;
  padding: 10px 14px;
  color: color-mix(in srgb, var(--ui-color-text-muted) 66%, transparent);
  font-size: 0.72rem;
  text-align: center;
}

.klaams-technology-footer a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  opacity: 0.58;
  transition: opacity 160ms ease;
}

.klaams-technology-footer a:hover,
.klaams-technology-footer a:focus-visible {
  opacity: 0.86;
}

.klaams-technology-footer a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  background: var(--ui-color-focus);
  content: '';
}

.klaams-technology-footer a:focus,
.klaams-technology-footer a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.klaams-technology-footer a:focus-visible::after {
  height: 3px;
}

.klaams-technology-footer img {
  display: block;
  width: 70px;
  height: auto;
  filter: grayscale(1);
  opacity: 0.78;
}

.mobile-catalog__sheet > .klaams-technology-footer {
  flex: 0 0 auto;
  margin: 0 auto;
  padding: 12px 16px;
  background: color-mix(in srgb, var(--ui-color-canvas) 98%, transparent);
}

.cart-variant-modal__dialog > .klaams-technology-footer {
  flex: 0 0 auto;
  margin: 8px auto 0;
  padding-block: 8px;
}

@media (max-width: 420px) {
  .klaams-technology-footer {
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .klaams-technology-footer a {
    transition: none;
  }
}