/*.flats-listing{*/
/*    padding: 117px 0 155px 0;*/
/*    font-family: 'OddvalText', sans-serif;*/
/*}*/

/*.flats-listing .right h2{*/
/*    transition: .2s ease-in-out;*/
/*}*/

/*.flats-listing .right h2 span{*/
/*    font-size: 16px;*/
/*}*/

/*.flats-listing .container{*/
/*    padding: 0px 12px;*/
/*}*/

/*.flats-listing h1{*/
/*    margin-bottom: 112px;*/
/*}*/

/*.flat-listing__top{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*.flat-listing__bottom-flat{*/
/*    display: grid;*/
/*    grid-template-columns: 206px 1fr;*/
/*    gap: 25px;*/
/*    align-items: center;*/
/*    transition: .2s ease-in-out;*/
/*}*/

/*.flat-listing__bottom-flat .left{*/
/*    !*padding: 30px;*!*/
/*    !*background-color: var(--white-fi);*!*/
/*}*/

/*.flats-listing .right-bottom{*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
/*    gap: 20px;*/
/*}*/

/*.flats-listing .right-bottom p{*/
/*    margin-bottom: 0px;*/
/*}*/

/*.flats-listing .right-bottom div{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 8px;*/
/*}*/

/*.flats-listing .right-bottom div p:first-child{*/
/*    font-weight: 300;*/
/*    font-size: 14px;*/
/*}*/

/*.flats-listing .right-bottom div p:last-child{*/
/*    font-size: 20px;*/
/*}*/

/*.flat-listing__bottom{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 36px;*/
/*}*/

/*.flats-listing .right-bottom div.goto{*/
/*    align-items: end;*/
/*}*/

/*.flat-listing__filters{*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    gap: 70px;*/
/*    margin-bottom: 62px;*/
/*}*/



/*button:focus,*/
/*button:active{*/
/*    outline: none;*/
/*}*/

/*.noUi-connect{*/
/*    background: var(--black-fi) !important;*/
/*}*/

/*.noUi-target{*/
/*    height: 1px !important;*/
/*    background: var(--green-fi) !important;*/
/*    border: 1px solid var(--green-fi) !important;*/
/*}*/

/*.noUi-touch-area{*/
/*    background: var(--white-fi) !important;*/
/*    border: 1px solid var(--green-fi) !important;*/
/*    border-radius: 64px;*/
/*    height: 15px !important;*/
/*    width: 15px !important;*/
/*}*/

/*.noUi-handle::after,*/
/*.noUi-handle::before{*/
/*    content: none !important;*/
/*}*/

/*.noUi-horizontal .noUi-handle{*/
/*    height: 15px !important;*/
/*    width: 15px !important;*/
/*    border-radius: 64px;*/
/*    top: -9px !important;*/
/*    cursor: pointer;*/
/*    right: -7px !important;*/
/*}*/

/*.filter-item{*/
/*    position: relative;*/
/*}*/

/*.filter-item button{*/
/*    padding: 0;*/
/*    background: none;*/
/*    color: red;*/
/*    !*position: absolute;*!*/
/*    !*top: -30px;*!*/
/*    !*right: 0px;*!*/
/*    font-size: 16px;*/
/*}*/

/*.filter-item label{*/
/*    margin-bottom: 10px;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    display: block;*/
/*}*/

/*.range-values{*/
/*    display: none;*/
/*}*/

/*.filter-item:has(select){*/
/*    display: flex;*/
/*    align-items: center;*/
/*    !*justify-content: space-between;*!*/
/*    gap: 24px;*/
/*}*/

/*select#status_filter{*/
/*    width: fit-content;*/
/*    border: 1px solid var(--green-fi);*/
/*    border-radius: 5px;*/
/*}*/

/*.filter-item:has(select) label{*/
/*    margin-bottom: 0px;*/

/*}*/

/*.extras-button{*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    cursor: pointer;*/
/*    border: 1px solid var(--black-fi);*/
/*    padding: 2px 13px;*/
/*    transition: 0.2s;*/
/*    border-radius: 64px;*/
/*}*/

/*.extras-button:hover{*/
/*    color: var(--green-fi);*/
/*    border-color: var(--green-fi);*/
/*}*/

/*.extras-button.active{*/
/*    color: var(--green-fi);*/
/*    border-color: var(--green-fi);*/
/*}*/

/*.right-bottom .last-element p{*/
/*    font-weight: 300;*/
/*    font-size: 14px !important;*/
/*    border: 1px solid var(--black-fi);*/
/*    padding: 2px 13px;*/
/*    transition: 0.2s;*/
/*    border-radius: 64px;*/
/*    width: fit-content;*/
/*}*/

/*.right-bottom .last-element{*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    align-items: center;*/
/*    flex-direction: row !important;*/
/*}*/

/*.flat-listing__bottom-flat:hover h2{*/
/*    color: var(--green-fi);*/
/*}*/

/*@media(min-width: 991.98px){*/
/*    .right-bottom .last-element{*/
/*        grid-column: span 5;*/
/*    }*/
/*}*/


/*@media (min-width: 576.98px) {*/
/*    .flats-listing .container {*/
/*        max-width: 1440px;*/
/*        margin: 0 auto;*/
/*    }*/
/*}*/

/*@media(max-width: 991.989px) {*/
/*    .flat-listing__bottom-flat{*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .flat-listing__bottom-flat .left{*/
/*        max-width: 600px;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .flat-listing__bottom-flat .right{*/
/*        max-width: 600px;*/
/*        margin: 0 auto;*/
/*        width: 100%;*/
/*    }*/

/*    .flats-listing .right-bottom{*/
/*        grid-template-columns: 1fr 1fr;*/
/*    }*/

/*    .flats-listing .right-bottom div.goto{*/
/*        align-items: center;*/
/*        order: 1;*/
/*        grid-column: 1 / -1;*/
/*    }*/

/*    .flat-listing__filters{*/
/*        grid-template-columns: 1fr 1fr;*/
/*    }*/

/*    .flats-listing{*/
/*        padding: 50px 0 75px 0;*/
/*    }*/


/*}*/

/*@media (max-width: 576.98px){*/
/*    .flat-listing__filters{*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .flat-listing__top{*/
/*        flex-direction: column;*/
/*        margin-bottom: 50px;*/
/*        align-items: flex-start;*/
/*    }*/

/*    .flats-listing h1{*/
/*        margin-bottom: 20px;*/
/*        margin-top: 0px;*/
/*    }*/
/*}*/

.flats-listing{
    padding: 117px 0 155px 0;
    font-family: 'OddvalText', sans-serif;
}

.flats-listing .right h2{
    transition: .2s ease-in-out;
}

.flats-listing .right h2 span{
    font-size: 16px;
}

.flats-listing .container{
    padding: 0px 12px;
}

.flats-listing h1{
    margin-bottom: 112px;
}

.flat-listing__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flat-listing__bottom-flat{
    display: grid;
    grid-template-columns: 206px 1fr;
    gap: 25px;
    align-items: center;
    transition: .2s ease-in-out;
}

.flat-listing__bottom-flat .left{
    /*padding: 30px;*/
    /*background-color: var(--white-fi);*/
}

.flats-listing .right-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.flats-listing .right-bottom p{
    margin-bottom: 0px;
}

.flats-listing .right-bottom div{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.flats-listing .right-bottom div p:first-child{
    font-weight: 300;
    font-size: 14px;
}

.flats-listing .right-bottom div p:last-child{
    font-size: 20px;
}

.flat-listing__bottom{
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.flats-listing .right-bottom div.goto{
    align-items: end;
}

.flat-listing__filters{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px;
    margin-bottom: 62px;
}



button:focus,
button:active{
    outline: none;
}

.noUi-connect{
    background: var(--black-fi) !important;
}

.noUi-target{
    height: 1px !important;
    background: var(--green-fi) !important;
    border: 1px solid var(--green-fi) !important;
}

.noUi-touch-area{
    background: var(--white-fi) !important;
    border: 1px solid var(--green-fi) !important;
    border-radius: 64px;
    height: 15px !important;
    width: 15px !important;
}

.noUi-handle::after,
.noUi-handle::before{
    content: none !important;
}

.noUi-horizontal .noUi-handle{
    height: 15px !important;
    width: 15px !important;
    border-radius: 64px;
    top: -9px !important;
    cursor: pointer;
    right: -7px !important;
}

.filter-item{
    position: relative;
}

.filter-item button{
    padding: 0;
    background: none;
    color: red;
    /*position: absolute;*/
    /*top: -30px;*/
    /*right: 0px;*/
    font-size: 16px;
}

.filter-item label{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.range-values{
    display: none;
}

.filter-item:has(select){
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    gap: 24px;
}

select#status_filter{
    width: fit-content;
    border: 1px solid var(--green-fi);
    border-radius: 5px;
}

.filter-item:has(select) label{
    margin-bottom: 0px;

}

.extras-button{
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--black-fi);
    padding: 2px 13px;
    transition: 0.2s;
    border-radius: 64px;
}

.extras-button:hover{
    color: var(--green-fi);
    border-color: var(--green-fi);
}

.extras-button.active{
    color: var(--green-fi);
    border-color: var(--green-fi);
}

.right-bottom .last-element p{
    font-weight: 300;
    font-size: 14px !important;
    border: 1px solid var(--black-fi);
    padding: 2px 13px;
    transition: 0.2s;
    border-radius: 64px;
    width: fit-content;
}

.right-bottom .last-element{
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: row !important;
}

.flat-listing__bottom-flat:hover h2{
    color: var(--green-fi);
}

@media(min-width: 991.98px){
    .right-bottom .last-element{
        grid-column: span 5;
    }
}


@media (min-width: 576.98px) {
    .flats-listing .container {
        max-width: 1440px;
        margin: 0 auto;
    }
}

@media(max-width: 991.989px) {
    .flat-listing__bottom-flat{
        grid-template-columns: 1fr;
    }

    .flat-listing__bottom-flat .left{
        max-width: 600px;
        margin: 0 auto;
    }

    .flat-listing__bottom-flat .right{
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }

    .flats-listing .right-bottom{
        grid-template-columns: 1fr 1fr;
    }

    .flats-listing .right-bottom div.goto{
        align-items: center;
        order: 1;
        grid-column: 1 / -1;
    }

    .flat-listing__filters{
        grid-template-columns: 1fr 1fr;
    }

    .flats-listing{
        padding: 50px 0 75px 0;
    }


}

@media (max-width: 576.98px){
    .flat-listing__filters{
        grid-template-columns: 1fr;
    }

    .flat-listing__top{
        flex-direction: column;
        margin-bottom: 50px;
        align-items: flex-start;
    }

    .flats-listing h1{
        margin-bottom: 20px;
        margin-top: 0px;
    }
}








.filter-toggle-button {
    width: fit-content;
    color: var(--white-fi);
    padding: 3px 22px;
    border: 1px solid var(--black-fi);
    border-radius: 24px;
    transition: .2s ease-in-out;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    background-color: var(--black-fi);
    font-size: 17px;
    border: 1px solid var(--black-fi);
    display: none;
    margin-bottom: 31px;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.filter-toggle-button:hover{
    background-color: var(--white-fi);
    color: var(--black-fi);
}
@media (max-width: 678.98px) {
    .filter-toggle-button{
        display: flex;
    }
    .flat-listing__filters {
        display: none;
        margin-bottom: 31px !important;
    }

    .flat-listing__filters.open {
        display: grid;
    }
}

/**
*NOWE
*/


.flat-listing__bottom-flat .right-bottom .prices p.p-cena{
    font-weight: 300;
}

.flat-listing__bottom-flat .right-bottom .prices h3{
    margin-top: 0px;
    font-weight: 400;
    margin-bottom: 0px;
    /*font-size: 30px;*/
    /*line-height: 30px;*/
    font-size: 26px;
    line-height: 30px;
}

.flat-listing__bottom-flat .right-bottom .prices.last h3{
    font-size: 20px;
    line-height: 20px;
}

@media(min-width: 991.98px){
    .flat-listing__bottom-flat .right-bottom:has(.prices) .goto{
        grid-column: 5;
    }
}


.flat-listing__bottom-flat .right-bottom:has(.prices) .goto a{
    width: 100%;
    justify-content: center;
}



.flat__center-info{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: fit-content;
    align-items: center;
    gap: 60px;
    /*background-color: var(--white-fi);*/
    width: 100%;
    padding: 22px;

    position: relative;
}

.custom-tooltip-wrapper{
    grid-column: 5;
}

.flat__center-info p{
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.flat__center-info h3{
    margin: 0px;
}


.custom-tooltip-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-trigger i {
    font-size: 18px;
    color: #666;
    transition: color 0.3s;
}

.tooltip-trigger:hover i {
    color: #000;
}

.custom-tooltip-content {
    display: none;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #333;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    /*min-width: 220px;*/
    font-size: 14px;
    width: max-content;
}

.custom-tooltip-content ul {
    margin: 10px 0 0;
    padding-left: 20px;
}

.custom-tooltip-content li {
    margin-bottom: 6px;
}

.flat__center-info .lowest-price-box{
    position: relative;
    margin-right: 28px;
}

.flat__center-info .custom-tooltip-wrapper{
    position: absolute;
    top: 0;
    right: -34px;
    /*width: 26px;*/
    /*height: 26px;*/
    /*border: 1px solid #000;*/
    /*border-radius: 64px;*/
    /*text-align: center;*/
    /*display: flex;*/
    /*justify-content: center;*/

    display: flex;
    align-items: center;
    width: max-content;
    gap: 5px;
}

.flat__center-info .custom-tooltip-wrapper .tooltip-trigger{
    width: 26px;
    height: 26px;
    border: 1px solid #000;
    border-radius: 64px;
    text-align: center;
    display: flex;
    justify-content: center;


    align-items: center;
}

.flat__center-info .custom-tooltip-wrapper i{
    font-size: 14px;
    /*line-height: 18px;*/
    line-height: 14px;
}

.lowest-price-box{
    /*text-align: right;*/
}

.flat__center-info .first h3{
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 30px;
    /*line-height: 30px;*/
}

.flat-title{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 14px;
}

.flat-title .promo-label{
    background-color: var(--new-yellow-fi);
    height: fit-content;
    width: fit-content;
    color: var(--white-fi);
    /*padding: 10px 14px;*/
    padding: 2px 13px;
    border-radius: 30px;
    font-size: 14px;
    /*line-height: 14px;*/
    line-height: 24px;
}

.flat__buttons button{
    width: fit-content;
    color: var(--white-fi);
    padding: 3px 22px;
    border: 1px solid var(--black-fi);
    border-radius: 24px;
    transition: .2s ease-in-out;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    background-color: var(--black-fi);
    font-size: 17px;
    border: 1px solid var(--black-fi);
}

.flat__buttons button:hover{
    background-color: var(--white-fi);
    color: var(--black-fi);
    border-color: var(--black-fi);
}

.flat__buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 40px 0;
}

.flat__buttons button:not(#pdf-info):hover svg path{
    stroke: var(--black-fi);
}

.flat__buttons button#pdf-info:hover svg path{
    fill: var(--black-fi);
}

.flat__buttons p{
    border-bottom: 1px solid var(--black-fi);
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
}

#supper-offer{
    background-color: var(--new-yellow-fi);
    color: var(--white-fi);
    border-color: var(--new-yellow-fi);
}

#supper-offer-new{
    background-color: var(--new-yellow-fi);
    color: var(--white-fi);
    border-color: var(--new-yellow-fi);
}



.prices .price.promo{
    background-color: var(--new-yellow-fi);
    color: var(--white-fi);
    border-color: var(--new-yellow-fi);
    padding: 2px 13px;
    border-radius: 64px;
    width: fit-content;
}

@media(max-width: 1199.98px){
    .flat__center-info{
        grid-template-columns: 1fr 1fr;
        text-align: left;
        gap: 22px;
    }

    .flat__center-info p{
        text-align: left !important;
    }

    .flat__center-info .lowest-price-box{
        width: fit-content;
    }
}

@media(max-width: 500px){
    .flat-listing__bottom-flat .right-bottom .prices{
        grid-column: span 2;
    }



    .flat-title{
        flex-direction: column;
    }
    .flat-title h2{
        order: 1;
    }

    .flat__center-info{
        grid-template-columns: 1fr;
        text-align: left;
        gap: 16px;
    }
}

.without-promo.custom-tooltip-wrapper{
    position: relative;
    top: unset;
    right: unset;
    grid-column: unset;
}

.flat__center-info .custom-tooltip-wrapper.with-promo{
    bottom: -35px;
    right: 0;
    top: unset;
}

.flat__center-info .custom-tooltip-wrapper.with-promo .tooltip-trigger,
.flat__center-info .custom-tooltip-wrapper.without-promo .tooltip-trigger{
    width: 18px;
    height: 18px;
}

.flat__center-info .custom-tooltip-wrapper.with-promo .tooltip-trigger i,
.flat__center-info .custom-tooltip-wrapper.without-promo .tooltip-trigger i{
    font-size: 12px;
}

@media (max-width: 1199.98px) {
    .flat__center-info .custom-tooltip-wrapper.with-promo{
        left: 0;
        right: unset;
    }
}


@media (max-width: 500px) {
    .custom-tooltip-content {
        left: calc(50% + 58px);
    }

    .flat__center-info .custom-tooltip-wrapper.without-promo  .custom-tooltip-content{
        left: calc(50% + 48px);
    }
}

.lowest-price-box.para{
    text-align: right;
    margin-right: 0;
}