/* ==========================================================================
   SEKCJA: POMARAŃCZOWY PRZERYWNIK
   ========================================================================== */
.systemo-zaplecze {
  position: relative;
  overflow: hidden;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
  isolation: isolate;
}

.systemo-zaplecze::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgba(255, 255, 255, .16) 1.5px, transparent 2px);
  background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 35%, transparent 65%, #000);
  mask-image: linear-gradient(90deg, #000, transparent 35%, transparent 65%, #000);
}

.systemo-zaplecze__inner { max-width: 860px; margin: 0 auto; }

.systemo-zaplecze__title {
  color: #fff;
  font-size: clamp(28px, 3.6vw, 46px);
  margin-bottom: 24px;
  text-wrap: balance;
}

.systemo-zaplecze__text {
  font-size: 18px;
  color: rgba(255, 255, 255, .94);
  text-wrap: pretty;
}

@media (max-width: 768px) {
  .systemo-zaplecze__text { font-size: 16px; }
}

@media (max-width: 480px) {
  .systemo-zaplecze__inner { padding: 0 2px; }
}