/* =========================================================

   POLACY NA DOMINIKANIE

   KRÓTKI NAGŁÓWEK NAD FORMULARZEM

   ========================================================= */



.pnd-booking-intro,

.pnd-booking-intro * {

  box-sizing: border-box !important;

}



.pnd-booking-intro {

  width: calc(100vw - 20px) !important;

  max-width: calc(100vw - 20px) !important;



  margin-left: calc(50% - 50vw + 10px) !important;

  margin-right: 0 !important;



  padding: 0 !important;



  font-family:

    Inter,

    "Segoe UI",

    Arial,

    sans-serif !important;



  overflow: hidden !important;

}





/* =========================================================

   GŁÓWNY PAS

   ========================================================= */



.pnd-booking-intro-inner {

  position: relative;



  width: 100%;

  min-height: 235px;



  display: flex;

  align-items: center;



  padding: 34px 6vw;



  background: #e4f5fd;



  border-top: 1px solid #c7e6f3;

  border-bottom: 1px solid #c7e6f3;



  overflow: hidden;

}





/* subtelny niebieski akcent */



.pnd-booking-intro-inner::before {

  content: "";



  position: absolute;



  left: 0;

  top: 0;



  width: 7px;

  height: 100%;



  background: #357da4;

}





/* =========================================================

   UKŁAD

   ========================================================= */



.pnd-booking-intro-layout {

  position: relative;

  z-index: 2;



  width: 100%;

  max-width: 1320px;



  margin: 0 auto;



  display: grid;



  grid-template-columns:

    minmax(0, 1fr)

    220px;



  gap: 48px;



  align-items: center;

}





/* =========================================================

   TREŚĆ

   ========================================================= */



.pnd-booking-intro-content {

  max-width: 900px;

}





/* WYRAŹNE "REZERWACJA WYCIECZKI" */



.pnd-booking-intro-label {

  display: inline-flex;

  align-items: center;



  margin: 0 0 14px;



  padding: 11px 18px;



  background: #ffd75e;



  border: 1px solid #edc33c;

  border-radius: 7px;



  color: #173f59 !important;



  font-size: 15px !important;

  font-weight: 900 !important;



  line-height: 1 !important;



  letter-spacing: 1px !important;



  text-transform: uppercase !important;



  box-shadow:

    0 7px 18px rgba(179, 135, 26, .12);

}





/* =========================================================

   TYTUŁ

   ========================================================= */



.pnd-booking-intro-title {

  max-width: 880px;



  margin: 0 !important;



  color: #173f59 !important;



  font-size:

    clamp(

      38px,

      4.3vw,

      60px

    ) !important;



  font-weight: 820 !important;



  line-height: 1 !important;



  letter-spacing: -1.7px !important;

}



.pnd-booking-intro-title span {

  color: #3f8db6 !important;

}





/* =========================================================

   KRÓTKI OPIS

   ========================================================= */



.pnd-booking-intro-text {

  max-width: 720px;



  margin: 13px 0 0 !important;



  color: #496572 !important;



  font-size: 15.5px !important;

  font-weight: 520 !important;



  line-height: 1.52 !important;

}





/* =========================================================

   REALNE ZDJĘCIE SAONY

   ========================================================= */



.pnd-booking-saona {

  position: relative;



  width: 210px;

  height: 210px;



  justify-self: end;



  border-radius: 50%;



  overflow: hidden;



  border: 7px solid #ffffff;



  background: #ffffff;



  box-shadow:

    0 16px 34px rgba(52, 103, 129, .18);

}





/* dodatkowa obwódka */



.pnd-booking-saona::after {

  content: "";



  position: absolute;



  inset: 0;



  border-radius: 50%;



  border:

    1px solid rgba(19, 76, 105, .12);



  pointer-events: none;

}





.pnd-booking-saona img {

  display: block !important;



  width: 100% !important;

  height: 100% !important;



  max-width: none !important;

  max-height: none !important;



  object-fit: cover !important;



  object-position: center !important;



  border-radius: 50% !important;



  transform: scale(1.04);

}





/* =========================================================

   TABLET

   ========================================================= */



@media (max-width: 900px) {



  .pnd-booking-intro-inner {

    padding:

      32px 30px;

  }



  .pnd-booking-intro-layout {

    grid-template-columns:

      minmax(0, 1fr)

      180px;



    gap: 28px;

  }



  .pnd-booking-saona {

    width: 175px;

    height: 175px;

  }



  .pnd-booking-intro-title {

    font-size:

      clamp(

        34px,

        6vw,

        48px

      ) !important;

  }



}





/* =========================================================

   MOBILE

   ========================================================= */



@media (max-width: 700px) {



  .pnd-booking-intro {

    width: 100% !important;

    max-width: 100% !important;



    margin-left: 0 !important;

    margin-right: 0 !important;

  }





  .pnd-booking-intro-inner {

    min-height: auto;



    padding:

      28px 20px 30px;

  }





  .pnd-booking-intro-layout {

    grid-template-columns: 1fr;



    gap: 22px;

  }





  .pnd-booking-intro-content {

    max-width: 100%;

  }





  .pnd-booking-intro-label {

    margin-bottom: 12px;



    padding:

      9px 13px;



    font-size:

      11px !important;



    letter-spacing:

      .8px !important;

  }





  .pnd-booking-intro-title {

    max-width: 100%;



    font-size:

      clamp(

        31px,

        8.5vw,

        40px

      ) !important;



    line-height:

      1.02 !important;



    letter-spacing:

      -1px !important;

  }





  .pnd-booking-intro-text {

    max-width: 540px;



    margin-top:

      10px !important;



    font-size:

      14px !important;



    line-height:

      1.48 !important;

  }





  .pnd-booking-saona {

    width: 145px;

    height: 145px;



    justify-self: start;



    border-width: 5px;

  }



}





/* =========================================================

   MAŁE TELEFONY

   ========================================================= */



@media (max-width: 480px) {



  .pnd-booking-intro-inner {

    padding:

      26px 16px 28px;

  }





  .pnd-booking-intro-title {

    font-size:

      clamp(

        30px,

        9vw,

        37px

      ) !important;

  }





  .pnd-booking-intro-text {

    font-size:

      13.5px !important;

  }





  .pnd-booking-saona {

    width: 130px;

    height: 130px;

  }



}