@import url(https://p.typekit.net/p.css?s=1&k=djj8xxf&ht=tk&f=53266&a=7893841&app=typekit&e=css);
@charset "UTF-8";
.yellowBgc {
  background-color: #FBBA16;
}

.redBgc {
  background-color: #E7543B;
}

.blueBgc {
  background-color: #4469BC;
}

.pinkBgc {
  background-color: #E3B2B5;
}

.greenBgc {
  background-color: #519378;
}

.lightGreenBgc {
  background-color: #B1D8B9;
}

.yellowColor {
  color: #FBBA16;
}

.redColor {
  color: #E7543B;
}

.blueColor {
  color: #4469BC;
}

.pinkColor {
  color: #E3B2B5;
}

.greenColor {
  color: #519378;
}

.lightGreenColor {
  color: #B1D8B9;
}

body {
  font-family: "Onest", sans-serif;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * salted:
 *   - http://typekit.com/eulas/0000000000000000775c748d
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-10-21 10:23:05 UTC"}*/
@font-face {
  font-family: "salted";
  src: url("https://use.typekit.net/af/ebffcc/0000000000000000775c748d/31/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/ebffcc/0000000000000000775c748d/31/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/ebffcc/0000000000000000775c748d/31/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
.tk-salted {
  font-family: "salted", sans-serif;
}

.yellowBtn {
  background: #FBBA16;
  color: #E7543B;
  border-radius: 30px;
  padding: 0.8rem 2.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-weight: 600;
}
.yellowBtn:hover {
  background-color: white;
}

.whiteBtn {
  display: block;
  background: white;
  color: #E7543B;
  border-radius: 30px;
  padding: 0.8rem 2.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-weight: 600;
  border: 2px solid white;
}
.whiteBtn:hover {
  background-color: #E7543B;
  color: white;
}

.redBtn {
  background: #E7543B;
  color: #FBBA16;
  border-radius: 30px;
  padding: 0.8rem 2.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-weight: 600;
}
.redBtn:hover {
  background-color: white;
}

.transparentBtn {
  background: #E7543B;
  color: #FBBA16;
  border-radius: 30px;
  padding: 0.8rem 2.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-weight: 600;
}
.transparentBtn:hover {
  background-color: white;
}

/* =================================== */
/* 1. Style Bazowe (Mobile)            */
/* =================================== */
.yellowTitle {
  font-family: "salted", sans-serif;
  font-size: 1.5rem;
  /* Mniejszy rozmiar */
  color: #FBBA16;
}

.blueTitle {
  font-family: "salted", sans-serif;
  font-size: 1.5rem;
  /* Mniejszy rozmiar */
  color: #4469BC;
}

.pinkTitle {
  font-family: "salted", sans-serif;
  font-size: 1.5rem;
  /* Mniejszy rozmiar */
  color: #E3B2B5;
}

.belowTitle {
  font-family: "Onest", sans-serif;
  font-size: 1.6rem;
  color: white;
  font-weight: 600;
}

.belowTitleBlue {
  font-family: "Onest", sans-serif;
  font-size: 1.6rem;
  color: #4469BC;
  font-weight: 600;
}

.heroTitle {
  font-weight: 500;
  font-size: 3.5rem;
  text-align: center;
}

.sectionTitle {
  font-family: "Onest", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #F5F5F5;
}

.scrollTitle {
  font-family: "Onest", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #F5F5F5;
}

.scenerioTitle {
  margin: 4rem 0;
  color: #E7543B;
  font-size: 3rem;
  font-weight: 500;
}

/* =================================== */
/* 2. Style dla Większych Ekranów (Desktop) */
/* Aktywują się od 700px szerokości.   */
/* =================================== */
@media (min-width: 700px) {
  .yellowTitle {
    font-size: 1.8rem;
  }
  .blueTitle {
    font-size: 1.8rem;
  }
  .pinkTitle {
    font-size: 1.8rem;
  }
  .belowTitle {
    font-size: 2.2rem;
  }
  .belowTitleBlue {
    font-size: 2.2rem;
  }
  .heroTitle {
    font-size: 8rem;
  }
  .sectionTitle {
    font-size: 2.2rem;
  }
  .scrollTitle {
    font-size: 2.8rem;
  }
  .scenerioTitle {
    font-size: 5rem;
  }
}
.fadeIn {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
}

.fadeInTrigger {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

#footer-form input[type=text] {
  text-align: center;
  padding: 1rem;
}

textarea {
  padding: 1rem;
}

.footer__copyright {
  background: white;
}

.footer__contactBox {
  background-color: #E7543B;
}

.nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
  -webkit-transition: -webkit-transform 0.4s ease !important;
  transition: -webkit-transform 0.4s ease !important;
  transition: transform 0.4s ease !important;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease !important;
}
.nav-link:hover {
  /*
    Łączymy obie transformacje, oddzielając je spacją.
    Kolejność ma znaczenie, ale w tym wypadku
    'translateY' a potem 'scale' da oczekiwany efekt.
  */
  -webkit-transform: translateY(-5px) scale(1.1) !important;
          transform: translateY(-5px) scale(1.1) !important;
}

.nav-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
  -webkit-transition: -webkit-transform 0.4s ease !important;
  transition: -webkit-transform 0.4s ease !important;
  transition: transform 0.4s ease !important;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease !important;
}
.nav-element:hover {
  /*
    Łączymy obie transformacje, oddzielając je spacją.
    Kolejność ma znaczenie, ale w tym wypadku
    'translateY' a potem 'scale' da oczekiwany efekt.
  */
  -webkit-transform: translateY(-5px) scale(1.1) !important;
          transform: translateY(-5px) scale(1.1) !important;
}

.nav-link::before {
  content: "";
  /* Usuwamy tekstowy content */
  display: inline-block;
  width: 16px;
  /* Dostosuj szerokość ikony */
  height: 16px;
  /* Dostosuj wysokość ikony */
  margin-right: 8px;
  /* Zachowano margines */
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17.9814L1 9.99805C1.00002 8.01767 1.63657 6.19251 2.71875 4.70703C4.54799 2.46997 7.07076 1.00002 10.3379 1C14.9564 1 18.7939 4.884 19 9.5957L19 17.9795C19 18.5436 18.5434 19 17.9814 19L2.0166 19L1.91309 18.9951C1.40131 18.9431 1 18.5086 1 17.9814Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  /* Lub 'cover', w zależności od efektu */
  background-position: center;
  vertical-align: middle;
  /* Dostosuj wyrównanie pionowe */
  /* Usunięto właściwości fontowe */
  /* border-radius: 50%; */
  /* border: 1px solid white; */
}

/* DODAJ TEN BLOK PONIŻEJ 
*/
.active-link::before {
  /* Ten sam SVG, ale z fill='white' zamiast fill='none' */
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17.9814L1 9.99805C1.00002 8.01767 1.63657 6.19251 2.71875 4.70703C4.54799 2.46997 7.07076 1.00002 10.3379 1C14.9564 1 18.7939 4.884 19 9.5957L19 17.9795C19 18.5436 18.5434 19 17.9814 19L2.0166 19L1.91309 18.9951C1.40131 18.9431 1 18.5086 1 17.9814Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.domontour {
  background-color: #519378;
}

/* Style dla akordeonu "Parę Słów O Nas" */
.about-text-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
}

.about-arrow-trigger {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.about-arrow-trigger.is-rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

h3.libTitle {
  font-size: 4rem !important;
  font-weight: 500 !important;
}

/* Strona "Dom on Tour" */
/* SEKCJA Z MAPĄ - WERSJA ZE SCREENA */
.tour-map-section-new .tour-map-subtitle {
  color: #E7543B;
  font-family: "salted", sans-serif;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .tour-map-section-new .tour-map-subtitle {
    font-size: 2.2rem;
  }
}
.tour-map-section-new .tour-map-svg {
  color: #4469BC;
}
.tour-map-section-new .tour-map-svg path {
  stroke: #4469BC;
  stroke-width: 2px;
  fill: none;
}
.tour-map-section-new .tour-arrow-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #00473E;
  color: #00473E;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tour-map-section-new .tour-arrow-btn:hover {
  background-color: #00473E;
  color: white;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* SEKCJA PROCESU (4 kolumny) */
.tour-process-section .tour-process-item {
  padding: 2rem 1.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tour-process-section .tour-process-item .icon-placeholder {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: #E7543B;
  background-color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tour-process-section .tour-process-item .icon-placeholder.bg-\[\#E3B2B5\] {
  background-color: #E3B2B5;
  color: #E7543B;
}
.tour-process-section .tour-process-item .icon-placeholder.bg-\[\#B5EAD7\] {
  background-color: #B5EAD7;
  color: #519378;
}
.tour-process-section .tour-process-item .icon-placeholder.bg-\[\#FBBA16\] {
  background-color: #FBBA16;
  color: #E7543B;
}
.tour-process-section .tour-process-item .icon-placeholder.bg-\[\#4469BC\] {
  background-color: #4469BC;
  color: white;
}
.tour-process-section .tour-process-item p {
  color: rgba(255, 255, 255, 0.9);
}

/* SEKCJA FORMULARZA */
.tour-form-section {
  position: relative;
}
.tour-form-section .form-background-blob {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  padding-bottom: 100%;
  max-width: 900px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #E7543B;
  border-radius: 50%;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  opacity: 0.8;
  z-index: 0;
}
.tour-form-section #tour-form input[type=text],
.tour-form-section #tour-form input[type=email],
.tour-form-section #tour-form input[type=tel],
.tour-form-section #tour-form textarea {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0.4rem;
}
.tour-form-section #tour-form input[type=text]::-webkit-input-placeholder, .tour-form-section #tour-form input[type=email]::-webkit-input-placeholder, .tour-form-section #tour-form input[type=tel]::-webkit-input-placeholder, .tour-form-section #tour-form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tour-form-section #tour-form input[type=text]::-moz-placeholder, .tour-form-section #tour-form input[type=email]::-moz-placeholder, .tour-form-section #tour-form input[type=tel]::-moz-placeholder, .tour-form-section #tour-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tour-form-section #tour-form input[type=text]:-ms-input-placeholder, .tour-form-section #tour-form input[type=email]:-ms-input-placeholder, .tour-form-section #tour-form input[type=tel]:-ms-input-placeholder, .tour-form-section #tour-form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tour-form-section #tour-form input[type=text]::-ms-input-placeholder, .tour-form-section #tour-form input[type=email]::-ms-input-placeholder, .tour-form-section #tour-form input[type=tel]::-ms-input-placeholder, .tour-form-section #tour-form textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tour-form-section #tour-form input[type=text]::placeholder,
.tour-form-section #tour-form input[type=email]::placeholder,
.tour-form-section #tour-form input[type=tel]::placeholder,
.tour-form-section #tour-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tour-form-section #tour-form input[type=text]:focus,
.tour-form-section #tour-form input[type=email]:focus,
.tour-form-section #tour-form input[type=tel]:focus,
.tour-form-section #tour-form textarea:focus {
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  color: white;
}
.tour-form-section #tour-form input[type=checkbox] {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.tour-form-section #tour-form input[type=checkbox]:checked {
  background-color: #FBBA16;
  border-color: #FBBA16;
}
.tour-form-section #tour-form .yellowBtn {
  background-color: #FBBA16;
  color: #E7543B;
  border: 2px solid #FBBA16;
}
.tour-form-section #tour-form .yellowBtn:hover {
  background-color: transparent;
  color: #FBBA16;
}

/* SEKCJA PODSUMOWANIA (na dole) */
.tour-summary-section h2 {
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

/* === STYLE DLA PINEZEK NA MAPIE === */
.tour-pin-wrapper {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.tour-pin-wrapper .tour-pin {
  width: 18px;
  height: 18px;
  background-color: #E7543B;
  border-radius: 50%;
  border: 2px solid white;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.tour-pin-wrapper .tour-pin:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tour-pin-wrapper .city-tooltip {
  position: absolute;
  bottom: 150%;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.8);
          transform: translateX(-50%) scale(0.8);
  background-color: #E7543B;
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tour-pin-wrapper .city-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #E7543B transparent transparent transparent;
}
.tour-pin-wrapper.active .tour-pin {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-animation: none;
          animation: none;
}
.tour-pin-wrapper.active .city-tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  bottom: 160%;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 84, 59, 0.7);
            box-shadow: 0 0 0 0 rgba(231, 84, 59, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(231, 84, 59, 0);
            box-shadow: 0 0 0 15px rgba(231, 84, 59, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 84, 59, 0);
            box-shadow: 0 0 0 0 rgba(231, 84, 59, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 84, 59, 0.7);
            box-shadow: 0 0 0 0 rgba(231, 84, 59, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(231, 84, 59, 0);
            box-shadow: 0 0 0 15px rgba(231, 84, 59, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 84, 59, 0);
            box-shadow: 0 0 0 0 rgba(231, 84, 59, 0);
  }
}
/* SEKCJA FORMULARZA */
.tour-form-section .tour-form-house-bg {
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(25%);
          transform: translateX(-50%) translateY(25%);
  max-width: 1400px;
  width: 50%;
}
@media (min-width: 1024px) {
  .tour-form-section .tour-form-house-bg {
    width: 60%;
  }
}