/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.bf-top {height: 130px;}
.format-cena {display: flex; justify-content: center; align-items: center; gap: 0; line-height: 1;}
.format-cena .cena-lg {font-size: 0.5em; margin: 0 0 auto;}
.format-cena .jedn {margin: auto auto auto 0.2em; font-size: 0.85em;}

.s_katalog {	
	--kt1: #2E3892; 
	--kt2: #01AC50;
	position: relative;     width: 90vw; margin: 0 auto; color: #222; text-align: left;}
.s_katalog .container {margin: auto; padding-bottom: 50px; }
.s_katalog div, .s_katalog h1, .s_katalog h2, .s_katalog span { font-family: 'Montserrat' !important; }
.s_katalog h1 {font-size: 35px; font-weight: 400; margin-bottom: 20px;}
.s_katalog .header-katalog {margin-bottom: 50px;}

.s_katalog .wybor-oferty {display: flex; gap: 1em; justify-content: flex-start; flex-wrap: wrap; }
.s_katalog .wybor-oferty .btn-oferta {width: auto; padding: .4em 2em; border: 1px solid var(--kt1); background: transparent; color: var(--kt1); font-weight: 700; font-size: 12px;cursor: pointer;border-radius: 7px;}
.s_katalog .wybor-oferty .btn-oferta:not(.on):hover {text-decoration: underline;}
.s_katalog .wybor-oferty .btn-oferta.on {background: var(--kt1); color: #fff;  }

.s_katalog .wybor-wyswietlania {display: none; }
.s_katalog .wybor-wyswietlania .t {font-size: 12px;}
.s_katalog .wybor-wyswietlania [data-uklad] {opacity: 0.5; cursor: pointer;}

#katalog[data-uklad="kafelki"] .wybor-wyswietlania [data-uklad="kafelki"] {opacity: 1;}
#katalog[data-uklad="lista"] .wybor-wyswietlania [data-uklad="lista"] {opacity: 1;}
#katalog[data-typ="mieszkanie"] .wybor-wyswietlania {display: flex; justify-content: flex-end; align-items: center; gap: 10px;}

.s_katalog .tabprod {display: none;}

.s_katalog .cont-mieszkanie {display: grid; gap: 20px;}

.s_katalog [data-active="0"] {display: none;}
.s_katalog [data-active="1"] {display: block;}

.s_katalog .katalog a {font-family: "Roboto" , sans-serif !important;}
.s_katalog .katalog a span, .s_katalog .dceny ._wr span {font-family: "Roboto" , sans-serif !important;}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog { display: grid; align-items: flex-start; grid-template-columns: 1fr;    grid-gap: 20px;   }
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .head { display: none; }
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a, [data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne {
    border: 1px solid #ebebeb;
    background: #fff;
    font-size: 16px;
    padding: 15px;
    min-height: 300px;
    position: relative;
    transition: all 0.5s ease-in-out;
	
}
.info-os {display: none;}
[data-typ="mieszkanie"] .info-os {display: block; position: absolute;
    margin-top: -3em;
    margin-left: 0;
    font-size: 11px;
    font-weight: 500;
    color: var(--kt2);}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a[data-active="1"], [data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne[data-active="1"] {
display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a:hover, [data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne:hover {
   box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	
}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .komunikat {
    margin: 10px auto 0;
    height: 2em;
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .head-lokal {
    height: 28px;
    position: relative;
	display: flex;
	justify-content: space-between;
}

[data-typ="mieszkanie"][data-uklad="kafelki"] .dane-lista, [data-typ="mieszkanie"][data-uklad="kafelki"] .status-lista , [data-typ="mieszkanie"][data-uklad="kafelki"] .cena-lista {display: none;}
[data-typ="mieszkanie"][data-uklad="kafelki"] .dane-kafelki {display: flex; font-size: 14px; font-weight: 700; text-align: center; justify-content: center; gap: 5px;}
[data-typ="mieszkanie"] .promocja {
    
		border-radius: 3px;
background-image: -webkit-linear-gradient(22deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
background-image: -o-linear-gradient(22deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
background-image: linear-gradient(112deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
	color: #fff; font-size: 10px; font-weight: 500; padding: 0 1em; line-height: 28px;
    text-transform: uppercase;
	
}
[data-typ="mieszkanie"][data-uklad="kafelki"] .promocja-lista {display: none;}
[data-typ="mieszkanie"][data-uklad="kafelki"] [data-promocja="0"] .head-lokal .promocja {background: none;}
[data-typ="mieszkanie"][data-uklad="kafelki"] .status {
    
    font-size: 11px;
    font-weight: 700;
    color: #888;
 
    text-transform: uppercase;
}
[data-typ="mieszkanie"][data-uklad="kafelki"] .status.status-W {display: none;}


[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .ikony {
    
    margin: 0 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 10px;
}
[data-typ="mieszkanie"][data-uklad="kafelki"] .katalog a .promocja-rabat {position: absolute; top: 50px; left: 20px; display: flex; flex-direction: column; gap: 0; width: 60px; height: 60px; color: #fff; justify-content: center; line-height: 1; text-transform: uppercase; font-size: 9px; border-radius: 50%; align-items: center;
	background-image: -webkit-linear-gradient(47deg, #71BF44 33%, #05AC50 100%);
	background-image: -o-linear-gradient(47deg, #71BF44 33%, #05AC50 100%);
	background-image: linear-gradient(137deg, #71BF44 33%, #05AC50 100%);

}
[data-typ="mieszkanie"][data-uklad="kafelki"] .katalog a .promocja-rabat span:nth-child(2) {font-size: 1.8em;}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .komunikat {display: none;}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .komunikat > div {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #fff;
    line-height: 1;
    margin: 0 auto;
    padding: 9px 1em 7px;
    max-width: 100%;
    font-size: 10px;
    width: fit-content;
    background: var(--color-menu2-premium); 
    border-radius: 8px;
   
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .lokal {
    text-align: center;
    color: rgba(0,0,0,.65);
    line-height: 1;
    margin: 10px auto;
    padding: 0 1.5em;
    font-size: 15px;
    font-weight: 600;
    width: fit-content;
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .plan {  width: 100%; height: 200px;  }
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .plan img {  width: 100%; height: 100%; object-fit: contain;  }


[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .cena {
    margin: 10px auto;
    display: flex;
	justify-content: center;
	gap: 20px;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
}

[data-typ="mieszkanie"] .cena .cenac { color: var(--kt1); display: flex; flex-direction: column;  align-items: flex-end; }
[data-typ="mieszkanie"] .cena .cenam { color: var(--kt1); display: flex; flex-direction: column;  align-items: flex-end;}


[data-typ="mieszkanie"][data-uklad="kafelki"] [data-promocja]:not([data-promocja="0"]) .cena .cenac { font-weight: 600;  color: #2EBA6F; display: flex; align-items: flex-end; gap: 3px; }
[data-typ="mieszkanie"][data-uklad="kafelki"] [data-promocja]:not([data-promocja="0"]) .cena .cenam { font-weight: 600;  color: #2EBA6F; display: flex; align-items: flex-end;gap: 3px; }

[data-typ="mieszkanie"] .cena .cenac .pp { font-weight: 300; font-size: 1em; text-decoration:line-through; color: #A4A4A4; display: flex; flex-direction: column;  align-items: flex-end; }
[data-typ="mieszkanie"] .cena .cenam .pp{ font-weight: 300; font-size: 1em; text-decoration: line-through; color: #A4A4A4; display: flex; flex-direction: column;  align-items: flex-end;}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog a .dalej {text-align: center;}

[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog legend { display: none; }
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne  {
    
   border: 5px solid #D9D9D9;
    background: #F8F8F8;
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne .tx {
    text-align: center;
    margin: auto 0 35px;
    width: 100%;
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne .tx .tI1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #888; 
}
[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog .wierszInne .tx .tI2 {
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    color: #888; 
    
}

[data-typ="mieszkanie"][data-uklad="kafelki"] .nota {margin-top: auto; display: flex; justify-content: space-between; padding-top: 7px; }
[data-typ="mieszkanie"][data-uklad="kafelki"] .nota span {font-size: 9px; color: #6D7278; text-align: left;}
[data-typ="mieszkanie"][data-uklad="kafelki"] .nota i {font-size: 15px; color: var(--kt1); text-align: right;}
[data-typ="mieszkanie"][data-uklad="kafelki"] [data-promocja]:not([data-promocja="0"]) .nota i {color: var(--kt2);}


[data-typ="mieszkanie"] .reklama-promocja img {    width: 100%;    height: 100%;    object-fit: cover;}
[data-typ="mieszkanie"][data-uklad="kafelki"] .reklama-promocja .img-lista {display: none;}



[data-typ="mieszkanie"][data-uklad="lista"] .katalog {display: table;width: 100%;}
[data-typ="mieszkanie"][data-uklad="lista"] .wierszLista, [data-typ="mieszkanie"][data-uklad="lista"] a[data-active="1"] { display: table-row !important; position: relative; }
[data-typ="mieszkanie"][data-uklad="lista"] a.off { display: none; }
[data-typ="mieszkanie"][data-uklad="lista"] .wierszLista > *, [data-typ="mieszkanie"][data-uklad="lista"] a > *{ display: table-cell; border-bottom: 1px solid #CCC; padding: 15px 0; vertical-align: middle; text-align: center; position: relative; font-size: 11px; line-height: 1.1;}
[data-typ="mieszkanie"][data-uklad="lista"] [data-promocja]:not([data-promocja="0"]) > * {padding-top: 24px;}
[data-typ="mieszkanie"][data-uklad="lista"] .katalog .dane-kafelki span {display: block;}
[data-typ="mieszkanie"][data-uklad="lista"] .katalog .dane-kafelki span:nth-child(even) {display: none;}

[data-typ="mieszkanie"][data-uklad="lista"] a .komunikat { display: none; }

[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista { padding: 0; text-transform: uppercase; font-size: 8px; margin-left: 15px;}
[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista div { text-align: right;}
[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista .t {display: none;}
[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista .k {width: 10px; height: 10px; margin-left: 10px; border-radius: 50%; display: block; position: relative;}
[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista.status-W .k {background: var(--kt2);}
[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista.status-Z .k {background: #D7BA2F;}
[data-typ="mieszkanie"][data-uklad="lista"] a .nota {width: 7em;}

[data-typ="mieszkanie"][data-uklad="lista"] a .plan { display: none; }

[data-typ="mieszkanie"][data-uklad="lista"] .head-lokal, [data-typ="mieszkanie"][data-uklad="lista"] .cena, [data-typ="mieszkanie"][data-uklad="lista"] .nota i {display: none;}
[data-typ="mieszkanie"][data-uklad="lista"] .promocja-lista {display: block; height: auto; font-size: unset;border: none; position: absolute; top: 0; left: 0; z-index: 1; padding: 0 !important; }
[data-typ="mieszkanie"][data-uklad="lista"] .promocja-lista .promocja {font-size: 8px; line-height: 2em;}
[data-typ="mieszkanie"][data-uklad="lista"] .cena-lista {white-space: nowrap;}
[data-typ="mieszkanie"][data-uklad="lista"] .cena-lista div {text-align: right;}
[data-typ="mieszkanie"][data-uklad="lista"] .cena-lista .pp {text-decoration: line-through;}
[data-typ="mieszkanie"][data-uklad="lista"] .nota {font-size: 9px;}
[data-typ="mieszkanie"][data-uklad="lista"] a.lb > * {background: #f4f4f4}
[data-typ="mieszkanie"][data-uklad="lista"] a .lokal {font-weight: 700;}
[data-typ="mieszkanie"][data-uklad="lista"] a .rabat span {color: #FFF; font-size: 14px; line-height: 2; padding: 0 .5em; display: inline-block; background: #1C1C5C;}
[data-typ="mieszkanie"][data-uklad="lista"] a .szczeg span {display: inline-block; font-size: 12px; border: 1px solid #CCC; border-radius: 40px; padding: .2em 1em;}
[data-typ="mieszkanie"][data-uklad="lista"] a:hover .szczeg span { background: #CCC;}
[data-typ="mieszkanie"][data-uklad="lista"] a:hover > * {background-color: #e6e6e6;}
[data-typ="mieszkanie"][data-uklad="lista"] .wierszInne { display: none; }

[data-typ="mieszkanie"][data-uklad="lista"] .reklama-promocja .img-kafelki {display: none;}
[data-typ="mieszkanie"][data-uklad="lista"] .reklama-promocja  {display: table-caption; }




/** tabele produktowe **/
.s_katalog .tabprod .table {width: 100%;}
.s_katalog .tabprod .table .th {padding: 3px 3px; font-size: 6px; text-transform: uppercase; font-weight: 700;}
.s_katalog .tabprod .table .td {padding: 1em 3px; background: #fafafa; font-size: 10px; line-height: 1;}
.s_katalog .tabprod .table .ac {text-align: center;}
.s_katalog .tabprod .table .ap {text-align: right;}
.s_katalog .tabprod .table .nw {white-space: nowrap;}
.s_katalog .tabprod .table .tr:nth-child(odd) .td {background: #eee;}

#historia-cen.s_katalog .tabprod .table .tr {display: grid; grid-template-columns: 50px 40px 40px 1fr 1fr 20px;}
#historia-cen.s_katalog .tabprod[data-typ="mieszkanie"] .table .tr {grid-template-columns: 50px 40px 40px 1fr 1fr 1fr 20px;}
#historia-cen.s_katalog .tabprod[data-typ="garaze"] .table .tr {grid-template-columns: 1fr  1fr 1fr 30px;}
#historia-cen .tabprod .table .th {padding-inline: 0}
#historia-cen .tabprod .table .th:first-child {text-align: center;}
#historia-cen .tabprod .table .td {padding-inline: 0}
#historia-cen .tabprod .table .td:first-child {padding-left: 5px;}
#historia-cen .table .tr .dn-h {max-height: 0; overflow: hidden; transition: 0.5s;}
#historia-cen .table .tr .pokaz-historia i {cursor: pointer;}
#historia-cen .table .tr .pokaz-historia .minus {display: none;}
#historia-cen .table .tr .pokaz-historia .plus {display: block;}
#historia-cen .table .tr.open .pokaz-historia .plus {display: none;}
#historia-cen .table .tr.open .pokaz-historia .minus {display: block;}
#historia-cen .table .tr.open .dn-h {max-height: 30em; margin-top: 10px; padding-top: 10px; border-top: 2px solid #e7e7e7; font-size: 0.8em;}
#historia-cen .table .tr:nth-child(odd).open .dn-h {border-color: #fff; }

#katalog .filtr[data-active="1"] {display: flex;}
#katalog .filtr[data-active="0"] {display: none;}
#katalog .filtr { flex-flow: row wrap;  align-items: start;  gap: 20px 50px; margin-bottom: 50px; color: #000;}
#katalog .filtr .tytul {font-size: min(6vw, 25px); line-height: 1.3; font-weight: 400; white-space:normal;width: 100%;  }
#katalog .filtr .blok {height: auto;}
#katalog .filtr .blok .t {border-bottom: 2px solid #000; margin-bottom: 5px;}

#katalog .filtr .blok .btns {display: grid; gap: 5px; padding-right: 2em;}

#katalog .filtr .blok .btns .fbtn {display: flex;  justify-content: flex-start; flex-flow: row nowrap; align-items: center; gap: 10px;}
#katalog .filtr .blok .btns .fbtn .check {width: 15px; height: 15px; border: 1px solid #787878; border-radius: 5px; position: relative; }
#katalog .filtr .blok .btns .fbtn.on .check:after {content: ''; position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; background: #787878; border-radius: 3px; }


#plan-mieszkania {--color-txt2: var(--kol3, var(--kol1, #353535));}
#plan-mieszkania .uklad-plan {display: grid; grid-template-columns: 1fr; gap: 20px 30px;}

#plan-mieszkania .ukl-plan .plan {border: 1px solid #eee; padding: 30px;}
#plan-mieszkania .ukl-plan .plan img {display: block; width: 96%;  max-width: 670px; margin-inline: auto; }
#plan-mieszkania .ukl-plan .inf {padding: 7px 15px; font-size: 9px; color: #808080; display: flex; justify-content: flex-start; align-items: center;gap: 10px;}
#plan-mieszkania .ukl-plan .inf i {color: var(--kol1); font-size: 15px; }
#plan-mieszkania .bloki {margin-block: 20px; display: grid; gap: 20px;}
#plan-mieszkania .blok-grid {position: relative; border-radius: 10px; overflow: hidden; padding: 20px; display: grid; grid-template-columns: 1fr; align-items: center; color: #fff; gap: 30px;}

#plan-mieszkania .blok-grid:before {content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #a6a6a6; position: absolute;}
#plan-mieszkania .blok-grid * {position: relative;}
#plan-mieszkania .blok-grid .t {font-size: 25px; font-weight: 500;}
#plan-mieszkania .blok-grid ul {list-style: none; display: grid; gap: 5px; font-size: 15px; line-height: 1.2;}
#plan-mieszkania .blok-grid li {padding-left: 0; }
#plan-mieszkania .blok-grid li:before {content: '\f00c'; font: var(--fa-font-solid); margin-right: 10px; }
#plan-mieszkania .blok-grid .pobierz-pdf {     width: fit-content;   padding: 0.5em 2em;     text-transform: uppercase;     font-size: 13px;     font-weight: 500;   display: flex;   gap: 10px;     color: var(--kol1);     background: #fff;     align-items: center;     border-radius: 7px; margin-left: auto;}
#plan-mieszkania .blok-grid.blok-prospekt:before {background: var(--kol3);}

#plan-mieszkania .nukl1 {display: block; }
#plan-mieszkania .ukl1 {display: flex; justify-content: flex-start; gap: 15px; line-height: 1; text-align: center; flex-direction: column;}
#plan-mieszkania .nukl1 .promocja-rabat {position: absolute; right: 0; order: 1; display: flex; flex-direction: column; gap: 0; width: 80px; height: 80px; color: #fff; justify-content: center; line-height: 1; text-transform: uppercase; font-size: 12px; border-radius: 50%; align-items: center;
	background-image: -webkit-linear-gradient(47deg, #71BF44 33%, #05AC50 100%);
	background-image: -o-linear-gradient(47deg, #71BF44 33%, #05AC50 100%);
	background-image: linear-gradient(137deg, #71BF44 33%, #05AC50 100%);

}
#plan-mieszkania .nukl1 .promocja-rabat span:nth-child(2) {font-size: 1.8em;}

#plan-mieszkania .ukl1 .powrot-katalog{color: var(--kol1);}
#plan-mieszkania .ukl1 .dane .t1{font-size: 18px; font-weight: 600;}
#plan-mieszkania .ukl1 .dane .t2{font-size: 30px; font-weight: 700; line-height: 1.5;}

#plan-mieszkania .ukl2 { display: grid; place-items: center flex-start; }
#plan-mieszkania .ukl2 .info-rabaty { display: flex; justify-content: flex-start; align-items: center; gap: 20px; color: var(--kt1); border: 1px solid var(--kt1); width: 100%; padding-block: 2em; padding-inline: 1em;}
#plan-mieszkania .ukl2 span {white-space: pre-line; line-height: 1; font-size: 24px;}

#plan-mieszkania .bloki-desktop {display: none;}
#plan-mieszkania .bloki-mobile {display: grid;}

#plan-mieszkania .ukl-plan-buttons {display: none;}
#plan-mieszkania .ukl1 {order: 1;}
#plan-mieszkania .ukl-plan {order: 2;}
#plan-mieszkania .ukl2 {order: 3;}
#plan-mieszkania .ukl-plan-status {order: 4; position: relative;}
#plan-mieszkania .ukl-legenda {order: 5;}
#plan-mieszkania .bloki-mobile {order: 6;}
#plan-mieszkania .inne-swiadczenia {order: 7;}

#plan-mieszkania .ukl-plan-status  { margin-top: 30px;  margin-bottom: 10px; }
#plan-mieszkania .ukl-plan-status .inf {display: flex; justify-content: space-between; align-items: center;}
#plan-mieszkania .ukl-plan-status .inf .t {font-size: 14px; font-weight: 500;}
#plan-mieszkania .ukl-plan-status .inf .status {font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--kt2); padding: 0 1em; margin-left: auto;}
#plan-mieszkania .ukl-plan-status .inf .status-Z { color: #D7BA2F; border-color: #D7BA2F;}
#plan-mieszkania .ukl-plan-status .inf .promocja {border-radius: 3px;
background-image: -webkit-linear-gradient(22deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
background-image: -o-linear-gradient(22deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
background-image: linear-gradient(112deg, #71BF44 0%, #05AC50 9%, #1B333D 33%);
	color: #fff; font-size: min(2.5vw,10px); font-weight: 500; padding: 0 1em; line-height: 28px;
    text-transform: uppercase;}
/*#plan-mieszkania[data-promocja]:not([data-promocja="0"]) .ukl-plan-status .inf .promocja {display: none;}*/

#plan-mieszkania .metryczka .itm { display: flex; justify-content: space-between; align-items: center;  padding: .7em 1em; }
#plan-mieszkania .metryczka .itm-info { font-size: 14px; line-height: 1; }
#plan-mieszkania .metryczka .itm-info ._nz{ text-align: left;}
#plan-mieszkania .metryczka .itm-info ._wr{ text-align: right; font-weight: 700;}
#plan-mieszkania .metryczka .itm.itm-top2 {border-top: 2px solid #808080;}
#plan-mieszkania .metryczka .itm.itm-bottom2 {border-bottom: 2px solid #808080;}
#plan-mieszkania .metryczka .itm.itm-bottom {border-bottom: 1px solid #808080;}
#plan-mieszkania .metryczka .dceny { padding: 15px 0 50px; font-size: 12px; }
#plan-mieszkania .metryczka .dceny .cena-podpis {font-size: 10px; line-height: 1;}

#plan-mieszkania .metryczka .dceny ._wr{ text-align: right; font-weight: 700; color: var(--kt1); display: flex; justify-content: flex-end; align-items: center; font-size: 20px;}
#plan-mieszkania .metryczka .dceny ._nzw {white-space: pre-line; } 
#plan-mieszkania .metryczka .dceny .itm-cena-dane[data-promocja]:not([data-promocja="0"]) ._wr .st { color: var(--kt2); }
#plan-mieszkania .metryczka .dceny .itm-cena-dane ._wr{ flex-direction: column; align-content: flex-end; }
#plan-mieszkania .metryczka .dceny .itm-cena-dane .pp { font-weight: 300; text-decoration: line-through; color: #A4A4A4;}

#plan-mieszkania .metryczka .dceny .historia-cen { display: block; margin-left: auto; margin-top: 10px; margin-right: 12px; width: 100%; text-align: right;font-size: 13px; font-weight: 500; line-height: 1; position: relative; color: var(--kt1);}
#plan-mieszkania .metryczka .dceny .historia-cen:before {content: ''; position: absolute; width: 70%; height: 1px; background: #CDCDCD; top: 6px; left: 0;}
#plan-mieszkania .metryczka .dceny .nota {font-size: 9px;display: flex; flex-direction: column;line-height: 1.1;}


#plan-mieszkania .metryczka .t-d {text-align: center; position: relative; }
#plan-mieszkania .metryczka .t-d:before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #808080;}
#plan-mieszkania .metryczka .t-d span {display: block; margin: auto; padding: 0.2em 1em; text-transform: uppercase; font-size: 10px;    width: fit-content; position: relative; background: #fff;}

#plan-mieszkania .metryczka .ddodatki {color: #3F3F3F; padding-block: 10px; display: grid; gap: 10px;}
#plan-mieszkania .metryczka .ddodatki .itm {padding-block: 0; }
#plan-mieszkania .metryczka .ddodatki ._nz {display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
#plan-mieszkania .metryczka .ddodatki ._nz i {font-size: 15px; width: 15px; text-align: center;}
#plan-mieszkania .metryczka .ddodatki ._nz span {font-size: 12px;}
#plan-mieszkania .metryczka .ddodatki ._wr {color: var(--kol1); text-transform: uppercase; font-size: 11px; font-weight: 600;}
#plan-mieszkania .metryczka .ddodatki [data-href] {cursor: pointer;}

#plan-mieszkania .inne-swiadczenia { margin-top: 50px; padding: 0.30px;}
#plan-mieszkania .inne-swiadczenia-mobile { display: block;}
#plan-mieszkania .inne-swiadczenia-desktop { display: none;}
#plan-mieszkania .inne-swiadczenia .t { font-size: 25px; font-weight: 500; margin-bottom: 15px;}
#plan-mieszkania .inne-swiadczenia .txt, #plan-mieszkania .inne-swiadczenia .txt2 { font-size: 13px; line-height: 1.5;}

#plan-mieszkania .ukl-legenda .formKontaktPlan { margin-top: 50px;}
#plan-mieszkania .ukl-legenda .formularz-plan-content {position: relative; border: 1px solid #979797; border-radius: 10px; background: #f8f8f8; padding: 20px; overflow: hidden;}
#plan-mieszkania .ukl-legenda .formKontaktPlan .akcja .button {  width: 100%;  padding: 1em 0; height: auto; font-weight: 500; background: var(--kol1); color: var(--kol2);}


@media (width >= 768px) { 
	.bf-top {height: 210px;}
	
	[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog {grid-template-columns: repeat(2, 1fr);}
	.s_katalog .tabprod .table .td {padding: 20px; font-size: 15px; }
	.s_katalog .tabprod .table .th {padding: 3px 20px; font-size: 8px; }
	
	[data-typ="mieszkanie"][data-uklad="lista"] a > * {font-size: 13px;}
	[data-typ="mieszkanie"][data-uklad="lista"] a legend { font-size: 9px; }
	[data-typ="mieszkanie"][data-uklad="lista"] a .status {position: relative; font-size: 11px;  top: auto; left: auto;border-bottom: 1px solid #CCC;}
	
	
	#plan-mieszkania .inne-swiadczenia-desktop { display: block;}
	#plan-mieszkania .inne-swiadczenia-mobile { display: none;}
	
	#plan-mieszkania .blok-grid {grid-template-columns: 1fr auto; padding: 30px 60px;}
	
	#historia-cen .tabprod .table .th:first-child {text-align: left; padding-left: 15px;}
	#historia-cen.s_katalog .tabprod .table .tr {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 50px;}
    #historia-cen.s_katalog .tabprod[data-typ="mieszkanie"] .table .tr {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 50px;}
	#historia-cen .tabprod .table .td:first-child {padding-left: 15px;}
}
@media (width >= 1024px) { 
	.s_katalog {	width: calc(100vw - 90px); margin-left: 65px; }
	
	[data-typ="mieszkanie"][data-uklad="kafelki"]  .katalog {grid-template-columns: repeat(3, 1fr);}
	[data-typ="mieszkanie"][data-uklad="lista"] .katalog .dane-kafelki span {display: inline;}
	[data-typ="mieszkanie"][data-uklad="lista"] .katalog .dane-kafelki span:nth-child(even) {display: inline;}
	[data-typ="mieszkanie"][data-uklad="lista"] a .status-lista span {display: block;}
	
	#plan-mieszkania .uklad-plan {grid-template-columns: 1fr 350px;}
	#plan-mieszkania .ukl-plan-buttons {order: 3; display: block;}
	
	#plan-mieszkania .nukl1 {display: flex; justify-content: space-between; align-items: center;}
	#plan-mieszkania .nukl1 .promocja-rabat {position: relative; right: auto;}
	
	#plan-mieszkania .ukl1 {order: 1;}
	#plan-mieszkania .ukl-plan {order: 5;}
	#plan-mieszkania .ukl2 {order: 2;}
	#plan-mieszkania .ukl-plan-status {order: 4; position: relative;}
	#plan-mieszkania .ukl-legenda {order: 6;}
	
	#plan-mieszkania .inne-swiadczenia {order: 7;}
	#plan-mieszkania .inne-swiadczenia-mobile { display: none;}
#plan-mieszkania .inne-swiadczenia-desktop { display: block;}
	
	#plan-mieszkania .uklad-plan .ukl-plan { margin-top: -85px;}
	
	#plan-mieszkania .ukl1 {margin-block: 20px; padding-left: 30px; text-align: left; flex-direction: row;}
	#plan-mieszkania .bloki-mobile {display: none;}
	#plan-mieszkania .bloki-desktop {display: block;}
}
@media (width >= 1200px) { 
	
	
	.s_katalog .container, #plan-mieszkania .container {width: 1200px;}
	#katalog .cont-mieszkanie[data-filtr="1"] {grid-template-columns: 250px 1fr; }
	#katalog .filtr { flex-flow: column nowrap; }
	#katalog .filtr .tytul {white-space: pre-line; width: auto; }
	
	
	
}