@import url("fonts/stylesheet.css");

html, body {height: 100%;
             scroll-behavior: smooth;}

body {margin: 0 auto;
      padding: 0;
      font-family: Barlow, sans-serif;
      color: #172a39;
      font-weight: 400;
      font-size: 17px;}

input[type='text'],
input[type='email'],
input[type='submit'],
input[type='tel'],
textarea  {font-family:  Barlow, sans-serif;
             box-sizing: border-box;}


*:focus {outline: 0;}

a {text-decoration: none;
   cursor: pointer;}

b, strong {font-weight: 700;}

div {box-sizing: border-box;}

ul {margin: 0;
    padding: 0;
    list-style: none;}

.header-container {width: 100%;
                   margin: 0 auto;
                   height: 100px;
                   position: fixed;
                   z-index: 30;
                   background: #172A39;
                   border-bottom: 1px solid #eab572;
                   background: linear-gradient(to right, #172A39 50%, #CA9C62 50%);
                   transition: all .3s ease .10s;}

.header-container.is-sticky {height: 80px;}

.header { width: 100%;
           max-width: 1820px;
	       height: 99px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;
         display: flex;
         justify-content: space-between;
          background: linear-gradient(to right, #172A39 calc(100% - 30px), #CA9C62 30px);}

.header-container.is-sticky .header {height: 79px;}

.logo {width: 175px;
        padding-top: 30px;}

.header-container.is-sticky .logo {width: 163px;
                                   padding-top: 22px;}

.logo img {width: 100%;}

.menu-phone {display: flex;
             justify-content: right;}

.menu-phone ul li {display: inline-block;
                    padding: 0 56px;}

.menu-phone ul li a {font-size: 18px;
                      color: #fff;
                       font-weight: 600;
                       transition: all .3s ease .10s;
                       padding: 40px 0 0 0;
                       display: block;
                       position: relative;}

.menu-phone ul li a:hover {color: #eab572 ;}

.menu-phone ul li a:after {position: absolute;
                            display: block;
                            content: '';
                            left: -10px;
                            top: 0;
                            width: calc(100% + 20px);
                            height: 2px;
                             transition: all .3s ease .10s;
                            background: #eab572;
                            opacity: 0;}

.menu-phone ul li a:hover:after {opacity: 1;}

.menu-phone ul li a.is-active {color: #eab572 ;}

.menu-phone ul li a.is-active:after {opacity: 1;}

.header-container.is-sticky .menu-phone ul li a {padding: 30px 0 0 0;}

.box-container {width: 100%;
                overflow: hidden;
                margin: 0 auto;
                padding: 0 20px;}

.box-container-row {display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 100%;
                    max-width: 1580px;
                    padding: 120px 0;
                    margin: 0 auto;}

.box-container-row.bk-pd-bottom {padding-bottom: 0;}

.box-img-phone {display: none;}

.box-img {width: 50%;}

.box-img img {width: 100%;}

.box-text-over {width: 50%;
                padding-left: 50px;}

.box-text-left  {padding: 0 50px 0 0;}

h2  {font-size: 50px;
      letter-spacing: 1px;
      color: #172a39;
       font-weight: 600;
       margin: 0;
       padding: 0 0 30px 0;
       position: relative;
       line-height: 50px;}

.box-text h2:before {position: absolute;
                     display: block;
                     content: '';
                     left: -50px;
                      bottom: 0;
                      width: calc(100% + 10000px);
                      height: 1px;
                      background: #eab572;}

.box-text-left .box-text h2:before {left: auto;
                                     right: -50px;}

h2.sub-heading {font-size: 22px;
                 margin: 0;
                 text-transform: uppercase;
                 color: #c69960;
                  font-weight: 400;
                  padding: 0;
                  line-height: 20px;}

h2.sub-heading:before {display: none;}

.box-text-content {line-height: 21px;
                    padding-top: 40px;}

.more {display: inline-block;
       width: 203px;
       height: 52px;
       background: #172A39;
       color: #fff;
       text-align: center;
       transition: all .3s ease .10s;
       box-sizing: border-box;
       border-radius: 20px;
       -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
       font-size: 19px;
       font-weight: 700;
       padding: 13px 0 0 0;}

.more:hover {background: #c69960;}

.box-korzysci {width: 100%;
               max-width: 1580px;
               margin: 0 auto;}

.br-bottom {border-bottom: 1px solid #eab572;
             text-align: center;
             padding-bottom: 20px;}

.k-row {width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;}

.k-over-box {width: 25%;
             padding: 75px 45px 0 45px;}

.box-container.box-korzysci,
.k-row,
.k-over-box {
  /*overflow: visible !important;*/
  position: relative;
  z-index: 1;
}

.box-container.box-korzysci {overflow: visible;}

/* Pojedynczy box */
.k-box {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  overflow: visible;
}

/* CHMURKA NAD ELEMENTEM */
.k-box .k-tooltip {
  position: absolute;
  bottom: calc(100% + 20px); /* chmurka nad boxem */
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #ffffff;
  color: #1f2a37;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
  width: max-content;
  max-width: 320px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  z-index: 10;
}


.k-box .k-tooltip ul li {font-size: 14px;
                          padding: 4px 0 4px 32px;
                          position: relative;}

.k-box .k-tooltip ul li:before {position: absolute;
                                display: block;
                                content:'';
                                width: 21px;
                                height: 21px;
                                background: url(img/check_ul_li.png);
                                left: 0;
                                top: 2px;}

.k-box .k-tooltip p:first-child {margin-top: 0;}

.k-box .k-tooltip p:last-child {margin-bottom: 0;}

/* PRAWIDZIWY TRÓJKĄT – strzałka w dół */
.k-box .k-tooltip-arrow {
  position: absolute;
  top: 100%; /* doklejony do dołu chmurki */
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 12px;
  background: #ffffff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12));
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* POKAZANIE TOOLTIPA PO HOVER */
.k-box:hover .k-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}



.k-title {font-size: 22px;
          font-weight: 600;
          padding-left: 30px;}

.k-title:hover {color: #e4b77b;}

.k-text {padding: 65px 0 90px 0;}

.center {text-align: center;}

.no-padding {padding-bottom: 0;}

.kl-row {display: flex;
        justify-content: left;
        flex-wrap: wrap;}

.kl-box-over {width: 33.333%;}

.kl-box {display: flex;
        justify-content: left;
       width: 328px;
        padding: 0 0 80px 0;
          margin: 0 auto;}


.k-title1 {color: #e0ae70;
           font-size: 55px;
           font-weight: 700;
           line-height: 51px;}

.lok-k-text {padding: 35px 0 70px 0;}

.mapa {width: 100%;
       max-width: 1580px;
       margin: 0 auto;
       height: 650px;
       padding-top: 30px;}

.mapa-center {padding: 100px 0 0 0;}

.box-center {width: 100%;
             display: flex;
             justify-content: center;
             flex-wrap: wrap;}

.box-center .more {margin: 0 8px 20px 8px;}

.box-container-row .more {margin-top: 10px;}

.over-box-container {width: 100%;
                     overflow: hidden;}

.blue-bg {background: #F7FAFF;
           padding-top: 60px;}

#kontakt {width: 100%;
          padding-top: 60px;}

.blue-bg .box-container {width: 100%;
                         max-width: 1580px;}

.kontakt-box-over {background: #fff;
                   display: flex;
                   justify-content: left;
                   flex-wrap: wrap;}

.blue-bg .box-text-content {padding: 25px 0 70px;}

.kt-left {width: calc(100% - 550px);
          padding: 55px 90px 0 65px;}

.kt-right {width: 550px;
           margin-bottom: -4px;
           background: url(https://zaciszetuwima.pl/wp-content/uploads/2025/11/mariusz_szyda_kontakt.webp)no-repeat center;}

.kontakt-title {text-transform: uppercase;
                font-size: 40px;}

.kontakt-title span {color: #c69960;
                      font-weight: 300;}

.kontakt-row {display: flex;
              justify-content: left;
              flex-wrap: wrap;}

.kontakt-box-left {width: 370px;}

.kontakt-box-right {width: calc(100% - 370px);}

.kontakt-box-right p {margin: 0;}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {width: 100%;
           height: 50px;
           background: #F2F2F2;
           border: none;
           padding: 0 20px;
           color: #002c54;}

textarea {height: 225px;
           padding: 12px 20px;}

input[type='submit'] {display: inline-block;
                       width: 203px;
                       height: 52px;
                       background: #172A39;
                        color: #fff;
                       box-sizing: border-box;
                       border-radius: 20px;
                       -moz-border-radius: 20px;
                       -webkit-border-radius: 20px;
                        font-size: 19px;
                        font-weight: 700;
                        border: none;
                         transition: all .3s ease .10s;
                        margin-right: -24px;}

input[type='submit']:hover {background: #c69960;}

.kontakt-box-right ::-webkit-input-placeholder {font-size: 15px;
                                       color: #000;
                                       font-weight: 300;
                                       opacity: 1;}

.kontakt-box-right :-moz-placeholder {font-size: 15px;
                            color: #000;
                            font-weight: 300;
                            opacity: 1;}

.kontakt-box-right ::-moz-placeholder {font-size: 15px;
                             color: #000;
                             font-weight: 300;
                             opacity: 1;}

.kontakt-box-right :-ms-input-placeholder {font-size: 15px;
                                 color: #000;
                                 font-weight: 300;
                                 opacity: 1;}

.form-row-submit {text-align: center;
                  padding: 30px 0 40px 0;}

.form-row {padding-bottom: 20px;}

.adres {font-size: 20px;
        padding-bottom: 35px;}

.kt-tm {padding: 35px 0 40px 0;}

.kt-tm a {display: block;
          position: relative;
          padding: 0 0 0 40px;}

.kt-tm .kt-tel {font-size: 40px;
         color: #1f1f1f;
         font-weight: 700;
         padding-bottom: 20px;}


.kt-mail {font-size: 20px;
          color: #1f1f1f;
          transition: all .3s ease .10s;}

.kt-mail:hover {color: #c69960;}

.kt-tm a:before {position: absolute;
                  content: '';
                  display: block;}

.kt-tel:before {width: 28px;
                height: 28px;
                background: url(img/phone_ico_footer.png);
                left: 0;
                top: 12px;}

.kt-mail:before {width: 24px;
                height: 21px;
                background: url(img/mail_ico_footer.png);
                left: 0;
                top: 4px;}

.kt-nip {font-size: 20px;
         line-height: 32px;}



.footer-container {width: 100%;
                   background: #172A39;
                   clear: both;
                   margin: 0 auto;
                   padding: 120px 0 90px 0;
                   font-size: 15px;
                   color: #ffffff;
                   text-align: center;}

.footer {width: 100%;
           max-width: 1460px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;}

.footer-logo {width: 100%;
               max-width: 500px;
               margin:0 auto 80px auto;}

.footer-logo img {width: 100%;}

.footer-text img {width: 65px;}

/*BUTTON*/

.menu-button {
  position: absolute;
  top: 20px;
  right: 30px;
  background: transparent;
  display: none;
  cursor: pointer;}

.menu-phone.menu-button {display: block;
                         position: relative;
                         top: auto;
                         right: auto;}


.menu-button:focus {outline: none;}

.menu-button .menu-ico {display: block;
                       width: 36px;
                        height: 6px;
                         background: #fff;}


.menu-button .menu-ico + .menu-ico { margin-top: 6px;}








/*Checkbox*/

.c-box input[type='checkbox'] {display: none;}

.c-box label {position: relative;
              font-size: 12px;
              display: flex;
              justify-content: left;
              align-items: center;
              height: 37px;
               padding: 0 0 12px 0;}

.form-checkbox {display: inline-block;}

.wpcf7-list-item-label {padding-left: 42px;
                        display: inline-block;}

.c-box br {display: none;}


.c-box .wpcf7-list-item-label:before { position: absolute;
                                                      top: 0;
                                                      left: 0;
                                                      content: "";
                                                      width: 37px;
                                                      height: 37px;
	                                                  background-image: url("img/non_accept_field.png");
                                                     /*border-radius: 6px;
                                                     -moz-border-radius: 6px;
                                                     -webkit-border-radius: 6px;
                                                     background: #ffffff;
                                                     border: 1px solid #d4d4d4;*/}


.wpcf7 .form-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label:before {
                                                  background-image: url("img/accept_field.png");
                                                  background-position: center;
                                                  background-repeat: no-repeat;}

.c-box .wpcf7-list-item { margin: 0;}


          /* Loader – pełnoekranowy biały z logo pośrodku 
          #page-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            transition: opacity 0.001s ease, visibility 0.001s ease;
          }

          #page-loader.hidden {
            opacity: 0;
            visibility: hidden;
          } */
/*
          .loader-logo {
            width: 140px;  dopasuj do swojego logo 
            animation: pulse 1.5s infinite ease-in-out;
          }

          @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.8; }
          }*/

/***********/

.slider-bg {width: 100%;
            height: 100%;
            position: absolute;
            z-index: 2;
            background: linear-gradient(to right, rgba(23, 42, 57, 0.9) 0%, rgba(23, 42, 57, 0) 70%);}


.slider-over-container {width: 100%;
              height:calc(874px+100px);
              background: #F4F9FD;
              border-bottom: 1px solid #eab572;
              padding-top: 100px;}

.slider-over {width: 100%;
              margin: 0 auto;
              max-width: 1580px;}

.slider-container {position: relative;
                   z-index: 1;
                   width: 100%;
                   height: 874px;
                   clear: both;
                   overflow: hidden;
                   margin-bottom: -5px;}

.slider {width: 100%;
         margin: 0 auto;
         position: relative;
         padding: 0 120px 100px 120px;
         display: flex;
         justify-content: left;
         align-items: center;
         height: 100%;
         color: #ffffff;
         z-index: 5;}

.slider-box {width: 100%;
             color: #fff;
             display: flex;
             align-items: center;
             padding: 0;}

.slider-content {width: 100%;}

.slider h1 {font-size: 70px;
             margin: 0;
             font-weight: 700;
             margin: 0;
             color: #c69960;
             text-transform: uppercase;}

.slider h1 .light-h1 {font-size: 32px;
             margin: 0;
             font-weight: 300;
             margin: 0;
             color: #fff;}

.slider-text {font-size: 31px;
              font-weight: 500;
              padding: 20px 0;}

.more-box {padding-top: 20px;}

.slider-button {font-size: 19px;
                color: #fff;
                font-weight: 700;
                display: inline-block;
	            background: rgba(0, 0, 0, 0);
                height: 52px;
                padding: 13px 0 0 0;
                box-sizing: border-box;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                width: 300px;
                text-align: center;
                transition: all .3s ease .10s;
                border: 2px solid #c69960;}

.slider-button:hover {background: #c69960;}

.kontakt-container img {width: 83px;
                         padding: 0 20px 0 0;}

.kontakt-container {display: flex;
                     justify-content: left;
                     background: url(img/gradient_top.png) top left;
                     margin: 0 0 0 55px;
                     padding: 0 20px 0 0;}

.ct-box {color: #fff;
         padding: 15px 0 0 0;}

.ct-ngl {display: block;
         font-size: 13px;
         font-weight: 600;}

.ct-tel {color: #fff;
         font-size: 29px;
         font-weight: 600;
          display: block;
          color: #fff;}

.ct-mail {display: block;
          position: relative;
          font-size: 13px;
          padding: 0 0 0 19px;
          font-weight: 600;
          color: #fff;}

.ct-mail:before {position: absolute;
                 content: '';
                 display: block;
                 width: 14px;
                 height: 12px;
                 background: url(img/mail_ico_top.png);
                 left: 0;
                 top: 2px;}

.ct-mail:after {position: absolute;
                 content: '';
                 display: block;
                 width: calc(100% - 19px);
                 height: 1px;
                 background: #fff;
                 left: 19px;
                 bottom: 0;
                  transition: all .3s ease .10s;
                  opacity: 0;}

.ct-mail:hover:after {opacity: 1;}

.box-container-row .swiper-button-prev,
.box-container-row .swiper-button-next {display: none;}

.box-container-galeria {max-width: 1620px;
                        position: relative;
                        padding-top: 120px;}

.box-container-galeria h2 {padding-bottom: 0;
                           position: absolute;}

.slick-list {padding: 0!important;}

.box-lokalizacja {padding-top: 100px;}

.box-mieszkania {max-width: 1620px;
                 padding-top: 100px;}

.box-mieszkania .box-mieszkania {padding-top: 0;}

.mieszkania-tabela {border: 1px solid rgba(224,174,112,1);
                    padding: 50px ;
                    overflow: hidden;}

.box-center-mieszkania {padding-top: 40px;}

.plan-1,
.plan-2,
.plan-3 {width: 125px;
         height: 36px;
         border-radius: 18px;
         -moz-border-radius: 18px;
         -webkit-border-radius: 18px;
         color: #172a39;
         font-size: 16px;
         font-weight: 600;
         border: 1px solid #172a39;
         display: block;
         padding: 6px 0 0 0;
         box-sizing: border-box;
         transition: all .3s ease .10s;}

.plan-1:hover,
.plan-2:hover,
.plan-3:hover {color: #fff;
              background: #172a39;}

.table-row-1 {display: flex;
              justify-content: center;
              align-items: center;}

.table-row-1 img {padding: 3px 7px 0 7px;}


/********/

.faq-box {width: 100%;}

.faq-box h3 {margin: 0;
             font-size: 15px;
             padding: 0 0 10px 22px;
             position: relative;
             font-weight: 400;
             cursor: pointer;}



#faqs div {font-size: 15px;
           line-height: 22px;}

.faq-box h3:before {content: '';
                      transition: all 0.35s;
                      display: block;
                      position: absolute;
                      top: 4px;
                      left: 6px;
                      width: 7px;
                      height: 11px;
                      background: url(img/polityka_prywatnosci_ico.png) no-repeat;}

.faq-box h3.active:before {background: url(img/polityka_prywatnosci_ico.png) no-repeat;
                            -webkit-transform: rotate(90deg);
                             -moz-transform: rotate(90deg);}



.kontakt-phone-container {display: none;}

/* Wjazd od lewej */
.fade-in-left {
  opacity: 0;
  transform: translateX(-80px);
  transition: all 0.8s ease-out;
}

/* Wjazd od prawej */
.fade-in-right {
  opacity: 0;
  transform: translateX(80px);
  transition: all 0.8s ease-out;
}

/* Po pojawieniu się w widoku */
.fade-in-left.visible,
.fade-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}


.price-history-btn {border: none;
                    background: none;}

.wpcf7-spinner {margin:0;}

.table-cena {width: 120px;}

.header-container.is-sticky .ct-box { padding: 12px 0 0 0;}

.header-container.is-sticky .ct-tel {line-height: 25px;}

.header-container.is-sticky .kontakt-container img {width: 63px;}

.slick-gallery:not(.slick-initialized) {
  visibility: hidden;}

.box-text-content ul li {position: relative;
                         padding: 4px 0 4px 25px;}

.box-text-content ul li:before {display: block;
                                position: absolute;
                                content: '';
                                width: 6px;
                                height: 6px;
                                border-radius: 50%;
                                -moz-border-radius: 50%;
                                -webkit-border-radius: 50%;
                                background: #eab572;
                                left: 10px;
                                top: 13px;}

.osiedle-button {width: 125px;
                 height: 36px;
                 position: absolute;
                 left: 22px;
                  top: 55px;}

.osiedle-b  {   border-radius: 18px;
                -moz-border-radius: 18px;
                -webkit-border-radius: 18px;
                 border: 1px solid #e0ae70;
                 background: #e0ae70;
                 font-size: 16px;
                 font-weight: 600;
                 display: block;
                 padding: 14px 0 0 0;
                 box-sizing: border-box;
                 text-align: center;
                  transition: all .3s ease .10s;
                  width: 125px;
                 height: 36px;
                 color: #fff;}

.osiedle-b:hover {background: rgba(224, 174, 112, 0);
                  color: #e0ae70; }

.box-404 {padding-top: 180px;
	      padding-bottom: 60px;
          text-align: center;}

.box-404 h1 {font-size: 140px;
            margin: 0;}

.ak-gallery-main .swiper-slide {width: 100%!important;}

.menu-phone.menu-button.menu-phone1 {display: none;}



.ak-tabs-gallery-wrapper {
  /*max-width: 1100px;*/
  margin: 0 auto;
}

/* Taby */
.tabs {display: flex;
       justify-content: right;
       padding-bottom: 30px;
       margin-bottom: 35px;
       border-bottom: 1px solid #eab572;}

.tab-btn {background: none;
          border: 1px solid rgba(224,174,112,0);
	      border-radius: 20px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          height: 52px;
          padding: 0 27px 0 27px;
          box-sizing: border-box;
          transition: all .3s ease .10s;
          color: #172a39;
          font-size: 18px;
          font-weight: 600;
          cursor: pointer;
           margin: 0 0 0 20px;}

.tab-btn.active,
.tab-btn:hover {border: 1px solid rgba(224,174,112,1);
                 color: rgba(224,174,112,1);}

/* Kontent tabów */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* Swiper – rozmiar / responsywność */
.swiper {
  width: 100%;
 /* max-width: 1000px;*/
  margin: 0 auto;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* Strzałki – podstyliuj jak lubisz */
.swiper-button-prev,
.swiper-button-next {position: absolute;
                     top: calc(50% - 26px);
                     display: block;
                     width: 36px;
                     height: 72px;
                     padding: 0;
                     transition: all .3s ease .10s;
                     cursor: pointer;
                     z-index: 10;
                     color: transparent;
                     border: none;
                     outline: none;
                     background: #c69960;}

.swiper-button-prev {left: 0;
                     border-radius: 0 36px 36px 0 ;
                    -moz-border-radius: 0 36px 36px 0;
                    -webkit-border-radius: 0 36px 36px 0;}

.swiper-button-next {right: 0;
                     border-radius: 36px 0 0 36px;
                    -moz-border-radius: 36px 0 0 36px;
                    -webkit-border-radius: 36px 0 0 36px;}

.swiper-button-prev:hover,
.swiper-button-next:hover { background:rgba(198, 153, 96, 0.6);}

.swiper-button-prev:before, .swiper-button-next:before { display: block;
                                                          width: 17px;
                                                         height: 20px;
                                                         content: '';
                                                         margin-top: 26px;}

.swiper-button-next:before { background: url(img/slide_arrow_right.svg);
                             margin-left: 14px;}
  
.swiper-button-prev:before {background: url(img/slide_arrow_left.svg);
                            margin-left: 4px;}

.box-mieszkania {max-width: 100%;}

.box-container.box-mieszkania {padding-left: 0;
                               padding-right: 0;}

.box-mieszkania .br-bottom {max-width: 1580px;
                            margin: 0 auto;
                            padding: 0 20px;}

.plan-wrap {max-width: 1620px;
	          padding: 0 20px;}

.mieszkania-tabela-over {width: 100%;
                         max-width: 1620px;
	                     padding: 0 20px;
                          margin: 0 auto;}

.mieszkania-tabela-icon-over {width: 100%;
	                     padding: 0 0 10px 0;
                          margin: 0 auto;
                          display: none;
                          justify-content: left;}

.mti-icon {padding-left: 12px;}

.td-ico {width: 20px;
         height: 20px;
	      position: relative;
         display: inline-block;}

.td-ico:before {content: "❯";
                transition: all .3s ease .10s;
                display: block;
                 color: #e0ae70;
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;}

.td-ico.active:before {transform: rotate(90deg);}

.details-wrap {display: none;
                padding: 20px 20px 20px 43px;
               display: flex;
               justify-content: left;}

.details-wrap span {display: inline-block;}

.details-wrap span.dr-small {color: #b1b1b1;
                             font-size: 15px;}

.dr-1 {width: 683px;}

.box-img {position: relative;}


.box-img:before {width: 35px;
               height: 35px;
               background: url(https://zaciszetuwima.pl/wp-content/uploads/2025/11/zoom-in-svgrepo-com.svg);
               background-size: 35px 35px;
               position: absolute;
               content: '';
               top: 15px;
               right: 12px;
                display: block;
                z-index: 10;}

tbody tr.row-details td { padding: 0;
	                     text-align: left;}

.wpcf7 form .wpcf7-response-output {border: 0px;}