/* Wymuszamy, by kontener rekrutacja-logo nie rósł w poziomie */
  .rekrutacja-logo {
    display: block !important; /* Zmiana z flex na block dla stabilności */
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
  }

  .zs1-wrapper-final {
    position: relative;
    width: 100%;
    height: 150px; /* Sztywna wysokość rezerwuje miejsce i nie pozwala na "puchnięcie" */
    overflow: hidden;
    margin: 0 auto;
    /* Maska 2/3 szerokości */
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  }

  .zs1-track-final {
    display: flex;
    width: max-content; /* Tor ma szerokość taką jak suma logo */
    position: absolute; /* Wyciągamy tor z normalnego flow, by nie rozpychał rodzica */
    top: 0;
    left: 0;
    animation: zs1-loop-final 30s linear infinite;
  }

  .zs1-box {
    width: 150px; /* Każdy element ma dokładnie 150px szerokości */
    flex-shrink: 0;
    margin: 0;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .zs1-box img {
   /* height: 60px;  Małe, zgrabne logo */
    width: auto;
    pointer-events: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* Subtelny, miękki cień */
    border: 1px solid #eee; /* Bardzo delikatna, szara ramka */
    padding: 1px; /* Odstęp obrazka od ramki */
    border-radius: 50%; /* Delikatnie zaokrąglone rogi ramki */   
  }

  .zs1-box figcaption {
    font-size: 11px;
    font-weight: bold;
    color: #444;
    margin: 5px 0;
    font-family: Arial, sans-serif;
  }

  @keyframes zs1-loop-final {
    0% { transform: translateX(0); }
    100% { transform: translateX(-900px); } /* 6 logo * 150px = 900px */
  }

  /* Zatrzymanie po najechaniu */
  .zs1-wrapper-final:hover .zs1-track-final {
    animation-play-state: paused;
  }