var productFinalStock = Nieprawidłowe ID produktu.;
  var max = 0;
  var border = "";

  document.addEventListener('DOMContentLoaded', () => {
      function replaceTextInElement(element, oldText, newText) {
          let elementText = element.innerHTML;
          let updatedText = elementText.replace(new RegExp(oldText, 'g'), newText);
          element.innerHTML = updatedText;
      }

      const spans = document.querySelectorAll('span.stan');
      spans.forEach(span => {
          replaceTextInElement(span, 'XLX', productFinalStock);
      });

      const stanLudziki = document.querySelector('.stan-ludziki');

      // Ustawienie odpowiednich URL obrazków w zależności od koloru obramowania
      const suffix = border ? '-' + border : '-a';
      const fullHuman19Url = `https://zdrowybiznes.com.pl/usu-mentoring/full_human-zajety${suffix}.svg`;
      const fullHuman20Url = `https://zdrowybiznes.com.pl/usu-mentoring/full_human-wolny${suffix}.svg`;

      let ludzikiHtml = '';
      if (max > 0 && Number.isInteger(productFinalStock)) {
          for (let i = 0; i < max; i++) {
              ludzikiHtml += `<img src="${i < productFinalStock ? fullHuman20Url : fullHuman19Url}" class="ludzik ${i < productFinalStock ? 'wolny' : 'zajety'}">`;
          }
      }
      stanLudziki.innerHTML = ludzikiHtml;

      const style = document.createElement('style');
      style.innerHTML = `
          .stan-ludziki {
              display: flex;
              flex-wrap: wrap;
          }
          .stan-ludziki img {
              max-width: 100%;
              width: ${100 / max}%;
              height: auto;
          }
          .ludzik.zajety {order:-1;}
          @media (max-width: 992px) {
              .stan-ludziki img {
                  width: ${200 / max}%;
              }
          }
      `;
      document.head.appendChild(style);
  });