/* Shared ZAUFALI NAM component: HOME, About and both PREMIUM pages, PL/EN. */
.module-trusted {
  --trusted-slot-width: clamp(158px, 17vw, 210px);
  --trusted-slot-height: clamp(76px, 8.8vw, 102px);
  --trusted-gap: clamp(18px, 2.4vw, 32px);
  position: relative;
  z-index: 9;
  padding: 52px 0 0;
  overflow: hidden;
}

.trusted-panel { width: min(100%, 1180px); margin: 0 auto; }
.trusted-panel > .main-section-header {
  width: 100%;
  margin-bottom: clamp(24px, 3.5vw, 38px);
}
.trusted-slider {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
.trusted-track {
  display: flex;
  gap: 0;
  width: max-content;
  animation: none;
  transform: translate3d(0, 0, 0);
}
.trusted-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--trusted-gap);
  /* Exactly one gap at the seam, included in the measured border box. */
  padding: 0 var(--trusted-gap) 0 0;
  margin: 0;
  border: 0;
}
.trusted-logo {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex: 0 0 var(--trusted-slot-width);
  width: var(--trusted-slot-width);
  height: var(--trusted-slot-height);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.012);
}
.trusted-logo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.07), transparent 64%);
  opacity: 0.22;
  pointer-events: none;
}
.trusted-logo img {
  position: relative;
  z-index: 1;
  display: block;
  width: var(--trusted-image-width, 94%);
  height: var(--trusted-image-height, 86%);
  object-fit: contain;
  opacity: var(--trusted-image-opacity, 0.94);
  filter: invert(var(--trusted-image-invert, 0)) drop-shadow(0 10px 24px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 14px rgba(255, 255, 255, 0.06));
}
@media (max-width: 768px) {
  .module-trusted {
    --trusted-slot-width: 156px;
    --trusted-slot-height: 78px;
    --trusted-gap: 18px;
    padding: 30px 0 0;
  }
  .trusted-slider {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  }
  .trusted-logo img {
    width: var(--trusted-image-mobile-width, var(--trusted-image-width, 94%));
    height: var(--trusted-image-mobile-height, var(--trusted-image-height, 86%));
  }
}
@media (prefers-reduced-motion: reduce) {
  .trusted-slider {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .trusted-group { transform: none !important; will-change: auto !important; }
  .trusted-group[aria-hidden="true"] { display: none; }
}