.u-section-1 {
  background-size: cover;
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 686px;
}

.u-section-1 .u-group-1 {
  width: 518px;
  min-height: 405px;
  background-image: none;
  height: auto;
  margin: 245px 0 36px auto;
}

.u-section-1 .u-container-layout-1 {
  padding: 19px 49px;
}

.u-section-1 .u-text-1 {
  font-size: 3.75rem;
  margin: 0;
}

.u-section-1 .u-text-2 {
  font-size: 1.5rem;
  margin: 11px 22px 0 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  border-style: solid;
  margin: 23px auto 0 0;
}

/* ===== SPECYFICZNE TŁA DLA RÓŻNYCH STRON ===== */

/* AntiAge Face Therapy */
.page-antiage-face-therapy .u-section-1 {
  background-image: url("../images/zdjecie-masaz-profesjonalny.jpg");
  background-position: 50% 49.11%;
}

/* Autorski masaż brzucha */
.page-autorski-masaz-brzucha .u-section-1 {
  background-image: url("../images/zabieg-masaz-brzucha.jpg");
  background-position: 50% 100%;
}

/* Beautystim IASTM */
.page-beautystim-iastm .u-section-1 {
  background-image: url("../images/zabieg-beautystim-iastm.jpeg");
  background-position: 20.25% 100%;
  background-size: 160%;
}

/* Bruksizm */
.page-bruksizm .u-section-1 {
  background-image: url("../images/terapia-bruksizm.jpg");
}



/* CrystalFrax PRO */
.page-crystalfrax-pro .u-section-1 {
  background-image: url("../images/tlo-crystalfrax-pro.jpeg");
}

/* Deep Red RF Lifting */
.page-deep-red-rf-lifting .u-section-1 {
  background-image: url("../images/tlo-deep-red-rf-lifting.jpg");
}

/* Dermomasaż */
.page-dermomasaz .u-section-1 {
  background-image: url("../images/zabieg-dermomasaz.webp");
}

/* Drenaż limfatyczny */
.page-drenaz-limfatyczny .u-section-1 {
  background-image: url("../images/zdjecie-drenaz-limfatyczny.jpg");
}

/* Endermologia RF Slim Body */
.page-endermologia-rf-slim-body .u-section-1 {
  background-image: url("../images/zabieg-endermologia.jpg");
}

/* Glow Skin Oxy Geneo */
.page-glow-skin-oxy-geneo .u-section-1 {
  background-image: url("../images/zabieg-oxygeneo-facial.jpg");
}

/* Hashii Do Perfect Line */
.page-hashii-do-perfect-line .u-section-1 {
  background-image: url("../images/tlo-hashii-do-perfect-line.jpg");
}

/* Japoński lifting twarzy */
.page-japonski-lifting-twarzy .u-section-1 {
  background-image: url("../images/usluga-terapia-specjalistyczna.png");
}

/* Lifting dłoni */
.page-lifting-dloni .u-section-1 {
  background-image: url("../images/zabieg-lifting-dloni.jpg");
}

/* Liftingujący masaż biustu */
.page-liftingujacy-masaz-biustu .u-section-1 {
  background-image: url("../images/tlo-masaz-biustu.jpeg");
}

/* Lipolaser */
.page-lipolaser .u-section-1 {
  background-image: url("../images/zabieg-lipolaser.jpg");
}

/* Liposukcja ultradźwiękowa */
.page-liposukcja-ultradzwiekowa .u-section-1 {
  background-image: url("../images/zabieg-ultradzwiekowy.jpg");
}

/* Maderoterapia */
.page-maderoterapia .u-section-1 {
  background-image: url("../images/terapia-maderoterapia.jpg");
}

/* Masaż antycellulitowy */
.page-masaz-antycellulitowy .u-section-1 {
  background-image: url("../images/tlo-hashii-do-perfect-line.jpg");
}

/* Masaż bańką chińską */
.page-masaz-banka-chinska .u-section-1 {
  background-image: url("../images/zdjecie-masaz-relaksacyjny.jpg");
}

/* Masaż ciała Hashii-Do */
.page-masaz-ciala-hashii-do .u-section-1 {
  background-image: url("../images/tlo-masaz-ciala-hashido.jpg");
}

/* Masaż ciała Hashii-Do Premium */
.page-masaz-ciala-hashii-do-premium .u-section-1 {
  background-image: url("../images/usluga-masaz-ciala.png");
}

/* Masaż karku */
.page-masaz-karku .u-section-1 {
  background-image: url("../images/tlo-masaz-karku.jpg");
}

/* Masaż kijkami bambusowymi */
.page-masaz-kijkami-bambusowym .u-section-1 {
  background-image: url("../images/zdjecie-terapia-spa.jpg");
}

/* Masaż klasyczny */
.page-masaz-klasyczny .u-section-1 {
  background-image: url("../images/zabieg-masaz-plecow.jpg");
}

/* Masaż pleców */
.page-masaz-plecow .u-section-1 {
  background-image: url("../images/zdjecie-masaz-terapeutyczny.jpg");
}

/* Masaż przeciwzmarszczkowy */
.page-masaz-przeciwzmarszczkowy .u-section-1 {
  background-image: url("../images/tlo-masaz-przeciwzmarszczkowy.png");
}

/* Masaż relaksacyjny */
.page-masaz-relaksacyjny .u-section-1 {
  background-image: url("../images/tlo-sekcja-2.jpg");
}

/* Masaż transbukalny */
.page-masaz-transbukalny .u-section-1 {
  background-image: url("../images/zdjecie-kosmetyki-naturalne.jpg");
}

/* Masaż twarzy Hashido */
.page-masaz-twarz-hashido .u-section-1 {
  background-image: url("../images/usluga-lifting-antiage.png");
}

/* Mezoterapia bezigłowa */
.page-mezoterapia-beziglowa .u-section-1 {
  background-image: url("../images/tlo-mezoterapia-beziglowa.webp");
}

/* Mezoterapia mikroigłowa */
.page-mezoterapia-mikroiglowa .u-section-1 {
  background-image: url("../images/galeria-zabieg-1.jpg");
}

/* Mikrodermabrazja */
.page-mikrodermabrazja .u-section-1 {
  background-image: url("../images/zabieg-mikrodermabrazja.jpg");
}

/* Modelowanie pośladków */
.page-modelowanie-posladkow .u-section-1 {
  background-image: url("../images/zabieg-modelowanie-posladkow.jpg");
}

/* Oczyszczanie wodorowe */
.page-oczyszczanie-wodorowe .u-section-1 {
  background-image: url("../images/zabieg-oczyszczanie-wodorowe.jpg");
}

/* Peeling kawitacyjny */
.page-peeling-kawitacyjny .u-section-1 {
  background-image: url("../images/zabieg-peeling-kawitacyjny.jpg");
}

/* Polityka prywatności */
.page-polityka-prywatnosci .u-section-1 {
  background-image: none;
}

/* Radiofrekwencja */
.page-radiofrekwencja .u-section-1 {
  background-image: url("../images/tlo-radiofrekwencja.jpg");
}

/* Redukcja zmarszczek wokół oczu */
.page-redukcja-zmarszczek-wokol-oczu .u-section-1 {
  background-image: url("../images/tlo-redukcja-zmarszczek-oczu.jpg");
}

/* Rozluźnienie */
.page-rozluznienie .u-section-1 {
  background-image: url("../images/terapia-staw-skroniowo-zuchwowy.jpg");
}

/* Termolifting twarzy */
.page-termolifting-twarzy .u-section-1 {
  background-image: url("../images/tlo-termolifting.jpeg");
}

/* Ultradźwiękowy masaż */
.page-ultradzwiekowy-masaz .u-section-1 {
  background-image: url("../images/zdjecie-relaks-wellness.jpg");
}

/* Galeria */
.page-galeria .u-section-1 {
  background-image: none;
}

/* Filmy */
.page-filmy .u-section-1 {
  background-image: none;
}

/* ===== SEKCJA DRUGA - WSPÓLNE STYLE ===== */
.u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 762px;
}

.u-section-2 .u-group-1 {
  width: 933px;
  min-height: 642px;
  height: auto;
  margin: 60px auto;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px 0;
}

.u-section-2 .u-group-2 {
  width: 355px;
  min-height: 422px;
  height: auto;
  margin: 16px auto 0 -66px;
}

.u-section-2 .u-container-layout-2 {
  padding: 30px 29px;
}

.u-section-2 .u-text-1 {
  font-size: 1.5rem;
  margin: 0;
}

.u-section-2 .u-text-2 {
  font-weight: 400;
  font-size: 2.25rem;
  margin: -422px 73px 0 354px;
}

.u-section-2 .u-text-3 {
  line-height: 2;
  font-size: 1.25rem;
  margin: 59px 60px 0 341px;
}

.u-section-2 .u-btn-1 {
  border-style: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-image: none;
  margin: 48px 204px 0 auto;
  padding: 20px 46px 20px 45px;
}

/* ===== SEKCJA TRZECIA - WSPÓLNE STYLE ===== */
.u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 795px;
}

.u-section-3 .u-text-1 {
  font-weight: 400;
  font-size: 2.25rem;
  width: 376px;
  margin: 64px auto 0;
}

.u-section-3 .u-list,
.u-section-3 .u-list-1 {
  width: 1140px;
  margin: 77px auto 0;
  margin-bottom: 60px;
}

.u-section-3 .u-repeater,
.u-section-3 .u-repeater-1 {
  grid-template-columns: repeat(4, calc(25% - 22.5px));
  min-height: 551px;
  grid-gap: 30px;
  grid-auto-columns: calc(25% - 22.5px);
}

/* Wspólne style dla wszystkich list-item w sekcji 3 */
.u-section-3 .u-list-item {
  background-image: none;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  box-shadow: 5px 5px 29px 0 rgba(0,0,0,0.15);
  --top-right-radius: 50px;
  --bottom-left-radius: 50px;
}

/* Wspólne style dla wszystkich container-layout w sekcji 3 */
.u-section-3 .u-container-layout {
  padding: 30px;
}

/* Wspólne style dla wszystkich tekstów w sekcji 3 (oprócz tytułu) */
.u-section-3 .u-text:not(.u-text-1) {
  font-size: 1.375rem;
  margin: 40px 0 0;
}



/* ===== SEKCJA CZWARTA - WSPÓLNE STYLE ===== */
.u-section-4 {
  background-image: none;
}

.u-section-4 .u-sheet-1 {
  min-height: 793px;
}

.u-section-4 .u-text-1 {
  font-weight: 700;
  font-size: 1.875rem;
  width: 814px;
  margin: 70px auto 0;
}

.u-section-4 .u-list-1 {
  margin-top: 41px;
  margin-bottom: 60px;
}

.u-section-4 .u-repeater-1 {
  grid-template-columns: repeat(2, 50%);
  min-height: 577px;
  --gap: 0px;
  grid-auto-columns: 50%;
}

/* Wspólne style dla wszystkich container-layout w sekcji 4 */
.u-section-4 .u-container-layout {
  padding: 30px 20px 0;
}

/* Wspólne style dla wszystkich ikon w sekcji 4 */
.u-section-4 .u-icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 0 0;
  padding: 0;
}

/* Wspólne style dla wszystkich tekstów w sekcji 4 (oprócz tytułu) */
.u-section-4 .u-text:not(.u-text-1) {
  font-size: 1.875rem;
  margin: -14px 41px 0;
}

/* ===== SEKCJA PIĄTA - WSPÓLNE STYLE ===== */
.u-section-5 {
  background-image: none;
}

.u-section-5 .u-sheet-1 {
  min-height: 642px;
}

.u-section-5 .u-text-1 {
  font-size: 1.875rem;
  margin: 69px auto 0;
}

.u-section-5 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: -50px auto 0 197px;
}

.u-section-5 .u-icon-2 {
  width: 64px;
  height: 64px;
  margin: -64px 197px 0 auto;
}

.u-section-5 .u-list-1 {
  margin-bottom: 60px;
  margin-top: 69px;
}

.u-section-5 .u-repeater-1 {
  grid-template-columns: repeat(3, 33.3333%);
  min-height: 372px;
  --gap: 0px;
  grid-auto-columns: 33.3333%;
}

/* Wspólne style dla wszystkich container-layout w sekcji 5 */
.u-section-5 .u-container-layout {
  padding: 30px 30px 36px 0;
}

/* Wspólne style dla wszystkich grup w sekcji 5 */
.u-section-5 .u-group {
  width: 76px;
  height: 76px;
  margin: 0 auto 0 0;
}

/* Style dla numerów w grupach (duże cyfry) */
.u-section-5 .u-group .u-text {
  font-size: 3.75rem;
  margin: 0 auto;
}

/* Style dla opisów przeciwwskazań */
.u-section-5 .u-text:not(.u-text-1):not(.u-group .u-text) {
  font-size: 1.25rem;
  margin: -76px 0 0 100px;
}

/* ===== SEKCJA SZÓSTA - WSPÓLNE STYLE ===== */
.u-section-6 {
  background-image: none;
}

.u-section-6 .u-sheet-1 {
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.u-section-6 .u-text-1 {
  margin: 0 auto;
}

/* ===== SEKCJA SIÓDMA - WSPÓLNE STYLE ===== */
.u-section-7 {
  background-image: none;
}

.u-section-7 .u-sheet-1 {
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.u-section-7 .u-text-1 {
  margin: 0 auto;
}

.u-section-7 .u-shortcode-1 {
  margin: 0 auto;
  text-align: center;
}

/* ===== SEKCJE DLA INDEX.PHP (8 i 9) ===== */
.u-section-8 {
  background-image: none;
}

.u-section-8 .u-sheet-1 {
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.u-section-8 .u-text-1 {
  margin: 0 auto;
}

.u-section-9 {
  background-image: none;
}

.u-section-9 .u-sheet-1 {
  min-height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.u-section-9 .u-text-1 {
  margin: 0 auto;
}

.u-section-9 .u-shortcode-1 {
  margin: 0 auto;
  text-align: center;
}

/* ===== RESPONSIVE STYLES ===== */

/* Sekcja 1 - Hero - Responsive styles */
@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 618px;
  }

  .u-section-1 .u-group-1 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-1 {
    background-position: 67.13% 50%;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 705px;
  }

  .u-section-1 .u-group-1 {
    width: 477px;
  }
}

@media (max-width: 767px) {
  .u-section-1 {
    background-position: 19.4% 50%;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 895px;
  }

  .u-section-1 .u-group-1 {
    margin-top: 430px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 575px) {
  .u-section-1 {
    background-position: 46% 0%;
    background-size: cover;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 572px;
  }

  .u-section-1 .u-group-1 {
    min-height: 295px;
    width: 295px;
    margin: 254px auto 23px 0;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.5rem;
    width: auto;
    margin-top: 55px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .u-section-1 .u-text-2 {
    font-size: 1.125rem;
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
  }

  .u-section-1 .u-btn-1 {
    font-size: 0.875rem;
    margin-top: 26px;
    margin-left: auto;
    padding: 10px 20px;
  }
}

/* Tablet styles (max-width: 991px) */
@media (max-width: 991px) {
  .u-section-3 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 15px));
    min-height: 1193px;
    grid-auto-columns: calc(50% - 15px);
  }
}

/* Mobile styles (max-width: 767px) */
@media (max-width: 767px) {
  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Small mobile styles (max-width: 575px) */
@media (max-width: 575px) {
  .u-section-3 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
}

/* Sekcja 4 - Na czym polega - Tablet styles (max-width: 991px) */
@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 830px;
  }

  .u-section-4 .u-text-1 {
    width: 720px;
  }

  .u-section-4 .u-list-1 {
    margin-bottom: 60px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1039px;
    grid-auto-columns: 100%;
  }

  .u-section-4 .u-icon-1 {
    margin-top: -116px;
  }

  .u-section-4 .u-text-2 {
    margin-top: 39px;
    margin-left: 0;
  }

  .u-section-4 .u-icon-2 {
    margin-top: -116px;
  }

  .u-section-4 .u-text-3 {
    margin-top: 39px;
    margin-left: 0;
  }

  .u-section-4 .u-icon-3 {
    margin-top: -179px;
  }

  .u-section-4 .u-text-4 {
    margin-top: -57px;
    margin-left: 0;
  }

  .u-section-4 .u-icon-4 {
    margin-top: -116px;
  }

  .u-section-4 .u-text-5 {
    margin-top: 39px;
    margin-left: 0;
  }

  .u-section-4 .u-icon-5 {
    margin-top: 43px;
  }

  .u-section-4 .u-text-6 {
    margin-top: -24px;
    margin-left: 0;
  }

  .u-section-4 .u-icon-6 {
    margin-top: -116px;
  }

  .u-section-4 .u-text-7 {
    margin-top: 39px;
    margin-left: 0;
  }
}

/* Sekcja 4 - Na czym polega - Mobile styles (max-width: 767px) */
@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 1279px;
  }

  .u-section-4 .u-text-1 {
    width: auto;
    margin-right: 130px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Sekcja 4 - Na czym polega - Small mobile styles (max-width: 575px) */
@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 1860px;
  }

  .u-section-4 .u-text-1 {
    font-size: 1.5rem;
    margin-top: 29px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-4 .u-list-1 {
    margin-top: 27px;
  }

  .u-section-4 .u-repeater-1 {
    min-height: 1709px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-1 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-2 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-4 .u-container-layout-2 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-2 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-3 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-4 .u-container-layout-3 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-3 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-4 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-4 .u-container-layout-4 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-4 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-5 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-4 .u-container-layout-5 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-5 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-6 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-4 .u-container-layout-6 {
    padding-top: 26px;
  }

  .u-section-4 .u-icon-6 {
    margin-top: 7px;
  }

  .u-section-4 .u-text-7 {
    margin-top: 0;
    font-size: 0.75rem;
  }

  .u-section-3 .u-text-1 {
    font-size: 1.5rem;
  }
}

/* Sekcja 2 - Na czym polega - Tablet styles (max-width: 991px) */
@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 717px;
  }

  .u-section-2 .u-group-1 {
    min-height: 594px;
    width: 578px;
    margin-right: auto;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-group-2 {
    width: 270px;
    min-height: 392px;
    margin-top: -58px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-right: 32px;
    margin-left: 159px;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: 30px;
    margin-right: 32px;
    margin-left: 156px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0;
    margin-left: 311px;
  }
}

/* Sekcja 2 - Na czym polega - Mobile styles (max-width: 767px) */
@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 931px;
  }

  .u-section-2 .u-group-1 {
    min-height: 752px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-2 .u-group-2 {
    width: 389px;
    min-height: 332px;
    margin-top: 350px;
    margin-right: 71px;
  }

  .u-section-2 .u-text-2 {
    margin: -684px 0 0 34px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 21px;
    margin-right: 0;
    margin-left: 8px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 47px;
    margin-bottom: 30px;
    margin-left: auto;
  }
}

/* Sekcja 2 - Na czym polega - Small mobile styles (max-width: 575px) */
@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1477px;
  }

  .u-section-2 .u-group-1 {
    min-height: 1377px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
    display: flex;
    flex-direction: column;
  }

  .u-section-2 .u-container-layout-1 {
    padding: 30px 0 13px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .u-section-2 .u-group-2 {
    width: 300px;
    min-height: 504px;
    margin: 30px auto 0 auto;
    order: 2;
  }

  .u-section-2 .u-text-1 {
    width: auto;
  }

  .u-section-2 .u-text-2 {
    font-size: 1.875rem;
    margin: 0 10px 20px 10px;
  }

  .u-section-2 .u-text-3 {
    margin: 0 10px 0 10px;
  }

  .u-section-2 .u-btn-1 {
    margin: 38px auto 30px auto;
    order: 3;
  }
}

/* Sekcja 5 - Przeciwwskazania - Responsive styles */
@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1117px;
  }

  .u-section-5 .u-text-1 {
    margin-top: 311px;
  }

  .u-section-5 .u-icon-1 {
    margin-top: 64px;
    margin-bottom: 0;
  }

  .u-section-5 .u-icon-2 {
    margin-top: 21px;
  }

  .u-section-5 .u-repeater-1 {
    min-height: 700px;
    grid-auto-columns: 50%;
  }

  .u-section-5 .u-container-layout {
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .u-section-5 .u-group {
    margin-left: auto;
  }

  .u-section-5 .u-text:not(.u-text-1):not(.u-group .u-text) {
    margin-top: 20px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-text-1 {
    margin-top: 69px;
  }

  .u-section-5 .u-icon-1 {
    margin-top: 256px;
    margin-left: 148px;
  }

  .u-section-5 .u-icon-2 {
    margin-top: -64px;
    margin-right: 148px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: repeat(2, 50%);
    grid-auto-columns: 100%;
  }

  .u-section-5 .u-container-layout {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1536px;
  }

  .u-section-5 .u-text-1 {
    width: auto;
    margin-top: 96px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-5 .u-icon-1 {
    margin-top: -163px;
    margin-left: auto;
  }

  .u-section-5 .u-icon-2 {
    margin-top: 120px;
    margin-right: auto;
  }

  .u-section-5 .u-list-1 {
    margin-top: 46px;
    margin-bottom: 60px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1168px;
  }

  .u-section-5 .u-container-layout {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .u-section-5 .u-group {
    margin-top: 28px;
  }

  .u-section-5 .u-group .u-text {
    font-size: 2.4rem;
  }

  .u-section-5 .u-text:not(.u-text-1):not(.u-group .u-text) {
    font-size: 1.25rem;
    margin-top: 15px;
    margin-bottom: -30px;
  }
}

/* Sekcja 7 - Booking/Shortcode - Responsive styles */
@media (max-width: 1199px) {
  .u-section-7 .u-shortcode-1 {
    margin-right: 191px;
    margin-left: 393px;
    width: 356px;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-shortcode-1 {
    margin-right: 81px;
    margin-left: 283px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-shortcode-1 {
    margin-right: 0;
    margin-left: 184px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-shortcode-1 {
    margin-left: 0;
    width: 340px;
  }
}




