/*@font-face {*/
/*    font-family: "OddvalText";*/
/*    src: url('https://megapolis.pl/inwestycja/krakow/osiedlefi/wp-content/themes/storefront-child/assets/css/oddvaltext-regular.woff2') format('woff2');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

.flat {
    padding: 100px 0 155px 0;
    font-family: 'OddvalText', sans-serif;
}

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

.flat__top a{
    display: flex;
    width: fit-content;
    gap: 9px;
    width: fit-content;
}

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

a.with-bg{
    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);
}

a.with-bg:hover svg path{
    transition: .2s ease-in-out;
}

a.with-bg:hover{
    background-color: var(--white-fi);
    color: var(--black-fi);
}

a.with-bg:hover svg path{
    stroke: var(--black-fi);
}

a.with-bg.orange{
    background-color: var(--new-yellow-fi);
    border-color: var(--new-yellow-fi);
    font-weight: 300;
}

.flat__top a.without-bg img,
.flat__top a.without-bg svg{
    transition: .2s ease-in-out;
}

.flat__center-right a.without-bg:hover svg path{
    fill: var(--white-fi);
}

.flat__top a.without-bg{
    font-size: 22px;
}

.flat__top a.with-bg{
    font-size: 22px;
    font-weight: 300;
}

.flat__top a.without-bg:hover img,
.flat__top a.without-bg:hover svg{
    /*transform: translateX(-2px);*/
}

.flat__top a.without-bg:hover:hover{
    background-color: var(--black-fi);
    color: var(--white-fi);
}

a.without-bg:hover:hover{
    background-color: var(--black-fi);
    color: var(--white-fi);
}

a.without-bg:not(.no-stroke):hover:hover svg path{
    stroke: var(--white-fi);
}

.flat__center-right a.without-bg:hover svg path{
    fill: var(--white-fi);
}

.flat__top a.without-bg:not(.not-stroke):hover:hover svg path{
    stroke: var(--white-fi);
}

a.with-bg.orange:hover{
    background-color: var(--white-fi);
    color: var(--new-yellow-fi);
}

a.with-bg.orange:hover svg path{
    stroke: var(--new-yellow-fi);
}

.flat h1{
    font-size: 84px;
    line-height: 120%;
    color: var(--black-fi);
    margin: 56px 0 100px 0;
    font-weight: 300;
}

.flat__center{
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.flat__center-left{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: fit-content;
}

.flat__center-left .active{
    font-weight: 500;
    border-bottom: 1px solid var(--black-fi);
    height: fit-content;
    font-size: 18px;
}

.flat__center-left div{
    cursor: pointer;
    height: fit-content;
    font-size: 18px;
    color: var(--black-fi);
    width: fit-content;
    font-weight: 300;
}

.flat__center-right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.splide__arrows{
    width: calc(100% + 96px);
}

.splide__pagination{
    display: none;
}

.splide__track--nav>.splide__list>.splide__slide.is-active{
    border: none;
}

.gallery-box{
    margin-bottom: 24px;
}

.flat .gallery-box{
    background-color: transparent;
    padding: 0px;
}

.gallery-box-2 li{
    /*margin: 40px !important;*/
    background: var(--white-fi);
    position: relative;
    /*margin-right: 50px !important;*/
    background-size: contain !important;
}

/*.gallery-box-2 li:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -40px;*/
/*    left: -40px;*/
/*    background: var(--white-fi);*/
/*    width: calc(100% + 80px);*/
/*    height: calc(100% + 80px);*/
/*    z-index: -1;*/
/*}*/

.flat__bottom{
    margin-top: 76px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
    position: relative;
    z-index: 9;
}

.flat__bottom .left div,
.flat__bottom .right div{
    display: flex;
    justify-content: space-between;
    height: fit-content;
}

.flat__bottom .left div p,
.flat__bottom .right div p{
    height: fit-content;
    margin-bottom: 0px;
}

.flat__bottom .left div p:first-child,
.flat__bottom .right div p:first-child{
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.flat__bottom .left div p:last-child,
.flat__bottom .right div p:last-child{
    font-size: 20px;
    line-height: 24px;
}

.flat__bottom .left,
.flat__bottom .right{
    display: grid;
    grid-template-columns: 1fr;
    gap: 35px;
}

.with-border{
    position: relative;
}

.with-border:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--black-fi);
    width: 100%;
    bottom: -17.5px;
    left: 0;
}

.rzut {
    display: none;
}

.gallery-box,
.gallery-box-2{
    display: none;
}

.gallery-box.active,
.gallery-box-2.active{
    display: block;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
        box-shadow: 0 0 15px 10px rgba(255, 165, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
    }
}

.pulsing {
    animation: pulse 1.5s infinite;
}

@media(min-width: 991.98px){
    .single-mieszkania  .main-form{
        padding-top: 0px;
    }
}

@media(max-width: 991.98px){
    .flat__top a.without-bg{
        font-size: 18px;
    }

    .flat__top a.with-bg{
        font-size: 18px;
    }
}

@media(max-width: 768.98px){
    .flat{
        padding: 50px 0 75px 0;
    }

    .flat__center{
        flex-direction: column;
        gap: 30px;
        margin-bottom: 56px;
    }

    .flat__center-right{
        order: 1;
    }

    .flat__center-left{
        order: 2;
    }

    .flat h1{
        font-size: 64px;
        margin: 56px 0;
    }

    .flat__bottom{
        grid-template-columns: 1fr;
    }

    .flat .splide__arrows{
        bottom: 0px;
    }


}

@media(max-width: 600px){
    .splide__arrows{
        width: 100%;
    }
}

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

    .flat h1{
        font-size: 44px;
    }

}









.other-flats{
    margin-bottom: 100px;
    position: relative;
    z-index: 999;
    font-family: 'OddvalText', sans-serif;
}


/* Karta */
.other-flats .other-flat-card{
    display:flex; flex-direction:column; height:100%;
    border:1px solid #eee; border-radius:14px; overflow:hidden; background:#fff;
}

/* Obrazek + badge */
.other-flats .ofc__img{ position:relative; display:block; }
.other-flats .ofc__img img{ width:100%; height:220px; object-fit:cover; display:block; }
.other-flats .ofc__badge{
    position:absolute; top:10px; left:10px;
    background: var(--green-fi); color:#fff; font-size:12px; padding:6px 10px; border-radius:999px;
}
.other-flats .status-unavailable{ background:#ef4444; }
.other-flats .status-reserved{ background:#f59e0b; }

/* Body */
.other-flats .ofc__body{ display:flex; flex-direction:column; padding:14px 12px; gap:14px; height:100%; }
.other-flats .ofc__body a:has(.ofc__price){
    color: var(--black-fi);
}
.other-flats .ofc__body h3{ font-size:18px; line-height:1.25; margin:0; color:#0f0f0f; font-weight: 500;}

/* Meta pills */
.other-flats .ofc__meta{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
}
.other-flats .ofc__pill{
    border:1px solid #e5e7eb; border-radius:10px; padding:8px 10px;
}
.other-flats .ofc__pill .k{ margin:0; font-size:12px; color:#6b7280; margin-bottom:4px;}
.other-flats .ofc__pill .v{ margin:0; font-size:14px; color:#0f0f0f; }

/* CTA przycisk przyklejony do dołu karty */
.other-flats .ofc__cta{ margin-top:auto; }
.other-flats .ofc__cta .with-bg.orange{
    display:inline-flex; align-items:center; gap:8px; text-decoration:none;
}

/* Hover całej karty */
.other-flats .splide__slide .other-flat-card:hover h3{ text-decoration:none; }

/*.other-flats .splide__arrows{*/
/*    width: calc(100% + 140px);*/
/*}*/

/* Mobile dopieszczone */
@media (max-width: 767.98px){
    .other-flats .ofc__img img{ height:200px; }
    .other-flats .ofc__meta{ grid-template-columns:1fr 1fr; gap:8px; }
    .other-flats .ofc__pill{ padding:8px; }
    .other-flats .ofc__body{ padding:12px 10px; }
    .other-flats .splide__arrows{
        display: none;
    }
}

/* Very small */
@media (max-width: 420px){
    .other-flats .ofc__meta{ grid-template-columns:1fr 1fr; }
    .other-flats .ofc__img img{ height:180px; }
}