.properties-layout{

    display:grid;

    grid-template-columns: 48% 52%;

    height:calc(100vh - 88px);

}



.map-container{

    position:sticky;

    top:0;

    height:100%;

}



#property-map{

    width:100%;

    height:100%;

}



.properties-scroll{

    overflow-y:auto;

    padding:30px;

}



.properties-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}



.view-toggle{

    display:flex;

    justify-content:center;

    gap:10px;

    margin:20px;

}



.view-toggle button{

    border:1px solid #ddd;

    background:white;

    padding:12px 20px;

    border-radius:30px;

    cursor:pointer;

}



.view-toggle .active{

    background:#111;

    color:white;

}



/* MOBILE */

@media(max-width:900px){


.properties-layout{

    display:block;

}


.map-container{

    height:400px;

}


.properties-scroll{

    height:auto;

}



.properties-grid{

    grid-template-columns:1fr;

}


}