*{
margin:0;
padding:0;
box-sizing:border-box;
}


.prop_container{
    max-width:1600px;
    margin:auto;
    padding-top:5px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    --primary: #2563EB;
    --dark: #0F172A;
    --bg: #F8FAFC;
    --card: #FFFFFF;
    --border: #E2E8F0;
    --text: #475569;
    --success: #16A34A;
    --warning: #F59E0B;
}

.prop_hero{
height:360px; 
border-radius:34px; 
overflow:hidden; 
position:relative; 
    background:linear-gradient(135deg,#2563EB,#1D4ED8);
    color:white;
    border-radius:32px;
    margin-bottom:30px;
    margin-top:0px;
}

.prop_hero img{
width:100%;
height:100%;
object-fit:cover;
filter: brightness(0.5);
}

.prop_hero-overlay{
position:absolute;
inset:0;
padding:40px;
display:flex;
flex-direction:column;
justify-content:flex-end;
background: linear-gradient( 180deg, transparent, rgba( 0, 0, 0, .65) ); 
color:white; 
}

.prop_hero-actions{
display:flex; 
gap:12px; 
margin-top:18px; 
flex-wrap:wrap; 
}

.prop_hero2{
background: linear-gradient( 135deg, #2563EB, #1D4ED8); 
color:white; 
padding:42px; 
border-radius:34px; 
display:flex; 
justify-content:space-between; 
gap:24px; 
flex-wrap:wrap; 
margin-bottom:24px; 
}

.prop_hero2 h1{
font-size:46px; 
margin-bottom:10px; 
}

.prop_stats{
display:grid;
grid-template-columns: repeat( 4, 1fr);
gap:12px; 
margin-top:24px; 
}

.prop_btn{
background:white;
color:#2563EB;
padding:14px 18px;
border-radius:14px;
text-decoration:none;
font-weight:700;
height: fit-content;
}

.prop_grid{
display:grid;
grid-template-columns: 1.3fr 1fr; gap:24px; 
margin-bottom:24px; 
}

.prop_stack{
display:grid;
gap:24px;
}

.prop_card{
background:white;
padding:28px;
border-radius:28px;
}

.prop_metrics{
display:grid;
grid-template-columns: repeat( 4, 1fr); 
gap:14px; 
}

.prop_metric{
background:#F8FAFC;
padding:18px;
border-radius:18px;
text-align:center;
}

.prop_split{
display:grid;
grid-template-columns: 1fr 1fr; 
gap:24px;
}

.prop_asset-photo{
width:100%;
height:360px;
object-fit:cover;
border-radius:22px;
}

.prop_photo-summary{
margin-top:18px;
background:#F8FAFC;
padding:22px;
border-radius:18px;
}

#map{
height:360px;
border-radius:20px;
overflow:hidden;
}

#map2{
height:520px;
border-radius:22px;
overflow:hidden;
}

.prop_map-card{
margin-bottom:24px;
}

.prop_quick{
display:grid; 
grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr)); 
gap:16px; 
margin-top:20px; 
}

.pro_quick-card{
background:#F8FAFC;
padding:24px;
border-radius:22px;
text-align:center; 
cursor:pointer; 
}

.prop_assets{
display:grid;
grid-template-columns: repeat( auto-fit, minmax( 320px, 1fr)); 
gap:18px; 
}

.prop_asset{
overflow:hidden;
border-radius:24px;
background:#F8FAFC;
}

.prop_asset img{
width:100%;
height:180px;
object-fit:cover;
}

.prop_asset-body{
padding:22px;
}

.prop_schedules{
display:grid;
gap:16px;
}

.prop_schedule{
background:#F8FAFC;
padding:22px;
border-radius:18px;
}

.prop_providers{
display:grid;
grid-template-columns: repeat( auto-fit, minmax( 320px, 1fr)); 
gap:18px; 
}

.prop_provider{
overflow:hidden;
border-radius:26px;
background:#F8FAFC;
}

.prop_provider img{
height:170px;
width:100%;
object-fit:cover;
}

img{
border-radius:14px;
}


.prop_provider-body{
padding:22px;
}

.prop_timeline{
display:grid;
gap:14px;
}

.prop_event{
padding:18px;
border-radius:18px;
background:#F8FAFC;
}

.prop_actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:18px;
}

.prop_action2{
padding:12px 16px;
background:#2563EB;
color:white;
text-decoration:none;
border-radius:12px;
}

.prop_action{
background:#2563EB;
color:white;
padding:12px 16px;
border-radius:12px;
text-decoration:none;
}

.prop_badge{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:#DBEAFE;
color:#2563EB;
font-size:12px;
margin-top:10px;
}

.content-layout{ 
display:grid; 
grid-template-columns: 1.7fr 420px; 
gap:24px; 
align-items:start; 
}

.property-column{
display:grid;
gap:24px;
}

.aside-column{
display:grid;
gap:24px;
position:sticky;
top:24px;
}



/* ==========================================
   Standard Section
==========================================*/

.prop_section{

    background:white;

    border-radius:28px;

    padding:28px;

    margin-bottom:24px;

}

.prop_section-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:22px;

}

.prop_section-header h2{

    font-size:30px;

    color:#0F172A;

    margin-bottom:4px;

}

.prop_section-header p{

    color:#64748B;

    margin:0;

}


/* ==========================================
   Information Grid
==========================================*/

.prop_info-grid{

    display:grid;

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

    gap:18px;

    margin-top:20px;

}

.prop_info{

    background:#F8FAFC;

    border-radius:16px;

    padding:18px;

}

.prop_info label{

    display:block;

    font-size:12px;

    text-transform:uppercase;

    color:#64748B;

    margin-bottom:6px;

}

.prop_info strong{

    font-size:18px;

    color:#0F172A;

}


/* ==========================================
   Avatar
==========================================*/

.prop_avatar{

    width:84px;

    height:84px;

    border-radius:50%;

    object-fit:cover;

}




@media(max-width:1400px){

.prop_grid,
.prop-split{
grid-template-columns:1fr; 
}

.prop_stack{
padding:0px;
}


}

@media(max-width:900px){

.prop_container{
padding:0px;
}

.prop_hero{
height:300px; 
}

.content-layout{
grid-template-columns:1fr;
}


}