.text_floating {
	position: relative;
	padding: 275px 0;
	text-align: center;
}

.text_floating .container {
	position: relative;
}

.obrazek_1 {
	position: absolute;
	left: 175px;
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.obrazek_2 {
	position: absolute;
	right: 80px;
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.obrazek_3 {
	position: absolute;
	left: 137px;
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.obrazek_4 {
	position: absolute;
	right: 225px;
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.text_floating p.title {
	color: var(--KTI-GREY, #363844);
	margin: 0 auto;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; /* 30px */
	letter-spacing: -0.4px;
	text-transform: uppercase;
}

.text_floating p.desc {
	color: var(--KTI-GREY, #363844);
	margin: 25px auto 40px auto;
	text-align: center;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 39.6px */
	letter-spacing: -0.72px;
}

.text_floating a {
	display: inline-block;
	color: var(--KTI-GREY, #363844);
	padding: 16px 36px;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	text-transform: uppercase;
	border-radius: 30px;
	border: 1px solid var(--KTI-GREY, #363844);
}

/* =========================
   MOBILE FIRST OVERRIDES
   ========================= */
@media only screen and (max-width: 996px) {
  .text_floating {
    padding: 80px 0 60px 0;         /* mniej pionu na mobile */
    text-align: left;
    overflow: hidden;         /* schowaj wychodzące ozdoby */
  }

  .text_floating .container {
    padding: 0 15px;
  }

  /* Tytuł i opis */
  .text_floating p.title {
    color: var(--KTI-GREY, #363844);
    font-family: Inter;
    font-size: 44px;
    font-style: normal;
    text-align: left;
    font-weight: 400;
    line-height: 100%; /* 44px */
    letter-spacing: -1.76px;
    text-transform: none;
  }
  .text_floating p.desc {
    color: var(--KTI-GREY, #363844);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-weight: 300;
    line-height: 115%; /* 18.4px */
    letter-spacing: -0.32px;
    margin: 20px auto 30px auto;
  }

  .text_floating p.desc br {
    display: none;
  }

  /* Przycisk – większy hitbox */
  .text_floating a.btn {
    width: 100%;
    text-align: CENTER;
    text-transform: uppercase;
  }

  /* Pływające obrazki – zmniejszamy i przesuwamy bliżej środka,
     używamy clamp, żeby ładnie skalowały się na różnych szerokościach */
  .text_floating .obrazek_1,
  .text_floating .obrazek_2,
  .text_floating .obrazek_3,
  .text_floating .obrazek_4,
  .text_floating .obrazek_5 {
    display: none !important;
  }
}