
/* =========================================================
   POLACY NA DOMINIKANIE — KONTAKT / PODSUMOWANIE
   ========================================================= */

.pnd-contact-summary,
.pnd-contact-summary * {
  box-sizing: border-box !important;
}

.pnd-contact-summary {
  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 BLOK
   ========================================================= */

.pnd-contact-summary-inner {
  width: 100%;

  padding:
    46px 6vw;

  background:
    #e5f4fb;

  border-top:
    1px solid #c7e4f1;

  border-bottom:
    1px solid #c7e4f1;
}


/* =========================================================
   UKŁAD
   ========================================================= */

.pnd-contact-summary-layout {
  width: 100%;
  max-width: 1320px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, .82fr)
    minmax(0, 1.18fr);

  gap: 52px;

  align-items: center;
}


/* =========================================================
   LEWA STRONA
   ========================================================= */

.pnd-contact-summary-left {
  max-width: 520px;
}

.pnd-contact-summary-label {
  display: inline-flex;
  align-items: center;

  margin-bottom:
    14px;

  padding:
    9px 15px;

  border-radius:
    999px;

  background:
    #ffd76a;

  color:
    #214457 !important;

  font-size:
    12px !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;

  letter-spacing:
    1px !important;

  text-transform:
    uppercase !important;
}


.pnd-contact-summary-title {
  margin:
    0 !important;

  color:
    #1f3b4a !important;

  font-size:
    clamp(
      36px,
      4.4vw,
      58px
    ) !important;

  font-weight:
    820 !important;

  line-height:
    1 !important;

  letter-spacing:
    -1.7px !important;
}


.pnd-contact-summary-title span {
  color:
    #4e91b3 !important;
}


.pnd-contact-summary-text {
  max-width:
    500px;

  margin:
    15px 0 0 !important;

  color:
    #5f747f !important;

  font-size:
    15.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.6 !important;
}


/* =========================================================
   WHATSAPP CTA
   ========================================================= */

.pnd-contact-summary-whatsapp {
  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    11px !important;

  margin-top:
    23px !important;

  padding:
    13px 19px !important;

  border:
    1px solid #b7d7c2 !important;

  border-radius:
    10px !important;

  background:
    #edf7f0 !important;

  color:
    #355a43 !important;

  text-decoration:
    none !important;

  font-size:
    14px !important;

  font-weight:
    800 !important;

  line-height:
    1 !important;

  transition:
    transform .18s ease,
    background .18s ease !important;
}


.pnd-contact-summary-whatsapp:hover {
  background:
    #e2f1e6 !important;

  color:
    #355a43 !important;

  transform:
    translateY(-2px) !important;
}


.pnd-contact-summary-whatsapp svg {
  width:
    21px !important;

  height:
    21px !important;

  flex:
    0 0 21px !important;

  fill:
    #4d8060 !important;
}


/* =========================================================
   PRAWA STRONA — DANE
   ========================================================= */

.pnd-contact-summary-data {
  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    12px;
}


/* =========================================================
   POJEDYNCZA INFORMACJA
   ========================================================= */

.pnd-contact-summary-item {
  min-width:
    0;

  padding:
    20px 21px;

  border:
    1px solid #c9e0eb;

  border-radius:
    14px;

  background:
    rgba(255,255,255,.72);

  box-shadow:
    0 8px 24px rgba(51, 92, 112, .05);
}


.pnd-contact-summary-item.main {
  grid-column:
    span 2;

  display:
    grid;

  grid-template-columns:
    50px minmax(0, 1fr);

  gap:
    15px;

  align-items:
    center;

  background:
    #ffffff;
}


/* =========================================================
   IKONY
   ========================================================= */

.pnd-contact-summary-icon {
  width:
    44px;

  height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex:
    0 0 44px;

  border-radius:
    12px;

  background:
    #79afd0;

  color:
    #ffffff;
}


.pnd-contact-summary-icon.whatsapp {
  background:
    #6fa58a;
}


.pnd-contact-summary-icon svg {
  width:
    21px;

  height:
    21px;

  stroke:
    #ffffff;

  stroke-width:
    2;

  fill:
    none;
}


.pnd-contact-summary-icon.whatsapp svg {
  fill:
    #ffffff;

  stroke:
    none;
}


/* =========================================================
   TEKST DANYCH
   ========================================================= */

.pnd-contact-summary-caption {
  display:
    block;

  margin-bottom:
    5px;

  color:
    #68808b !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    .8px !important;

  text-transform:
    uppercase !important;
}


.pnd-contact-summary-value {
  display:
    block;

  color:
    #203b49 !important;

  font-size:
    17px !important;

  font-weight:
    780 !important;

  line-height:
    1.35 !important;

  word-break:
    break-word;
}


.pnd-contact-summary-value.large {
  font-size:
    clamp(
      20px,
      2.2vw,
      27px
    ) !important;

  font-weight:
    820 !important;
}


.pnd-contact-summary-value a {
  color:
    inherit !important;

  text-decoration:
    none !important;
}


.pnd-contact-summary-value a:hover {
  color:
    #4c8cad !important;
}


.pnd-contact-summary-small {
  display:
    block;

  margin-top:
    4px;

  color:
    #71858e !important;

  font-size:
    12.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 960px) {

  .pnd-contact-summary-inner {
    padding:
      40px 30px;
  }


  .pnd-contact-summary-layout {
    grid-template-columns:
      1fr;

    gap:
      30px;
  }


  .pnd-contact-summary-left {
    max-width:
      760px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .pnd-contact-summary {
    width:
      100% !important;

    max-width:
      100% !important;

    margin-left:
      0 !important;

    margin-right:
      0 !important;
  }


  .pnd-contact-summary-inner {
    padding:
      32px 20px;
  }


  .pnd-contact-summary-layout {
    gap:
      24px;
  }


  .pnd-contact-summary-label {
    padding:
      8px 12px;

    font-size:
      10px !important;
  }


  .pnd-contact-summary-title {
    font-size:
      clamp(
        31px,
        8.5vw,
        40px
      ) !important;

    line-height:
      1.02 !important;

    letter-spacing:
      -1px !important;
  }


  .pnd-contact-summary-text {
    margin-top:
      11px !important;

    font-size:
      14px !important;

    line-height:
      1.5 !important;
  }


  .pnd-contact-summary-whatsapp {
    width:
      100% !important;

    justify-content:
      center !important;

    margin-top:
      18px !important;
  }


  .pnd-contact-summary-data {
    grid-template-columns:
      1fr;
  }


  .pnd-contact-summary-item.main {
    grid-column:
      auto;
  }


  .pnd-contact-summary-item {
    padding:
      18px;
  }


  .pnd-contact-summary-value {
    font-size:
      15px !important;
  }


  .pnd-contact-summary-value.large {
    font-size:
      21px !important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .pnd-contact-summary-inner {
    padding:
      28px 16px;
  }


  .pnd-contact-summary-item.main {
    grid-template-columns:
      42px minmax(0, 1fr);

    gap:
      12px;
  }


  .pnd-contact-summary-icon {
    width:
      42px;

    height:
      42px;

    flex-basis:
      42px;
  }

}
