/* =========================================
   REAL ESTATE PAGE — page-specific styles
========================================= */

.hero{
    min-height:305px;
    background:
      linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 38%,rgba(255,255,255,.08) 72%),
      url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85")
      center/cover;
}
.hero-content{max-width:1200px;margin:auto;padding:40px 20px 45px}
.hero h1{
    max-width:480px;margin:0 0 15px;color:var(--blue);
    font-size:36px;line-height:1.14;
}
.hero p{
    max-width:520px;margin:0 0 18px;
    color:#29374d;font-size:14px;line-height:1.55;
}

/* REQUEST CARDS */
.needs{
    max-width:1200px;margin:0 auto;padding:20px;
}
.needs h2{margin:0 0 15px;font-size:21px}
.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.need-card{
    min-height:200px;border:1px solid var(--line);border-radius:14px;
    padding:20px;background:#fff;box-shadow:0 3px 14px rgba(30,55,90,.05);
}
.need-icon{
    width:43px;height:43px;border-radius:50%;background:#eef5ff;
    display:flex;align-items:center;justify-content:center;
    font-size:22px;margin-bottom:13px;
}
.need-card h3{font-size:15px;margin:0 0 10px;color:var(--blue)}
.need-card p{font-size:12px;line-height:1.6;color:#4b5668;margin:0}
.need-card:nth-child(2) .need-icon{background:#fff5d9}
.need-card:nth-child(3) .need-icon{background:#e7f7e6}
.need-card:nth-child(4) .need-icon{background:#f0edff}

/* MANAGEMENT */
.management{
    max-width:1200px;margin:5px auto 25px;padding:0 20px;
}
.management-box{
    background:#f2f6fc;border-radius:14px;padding:22px 20px 20px;
}
.management h2{font-size:20px;margin:0 0 17px}
.manage-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.manage-col{padding:0 18px;border-right:1px solid #dbe2ec}
.manage-col:first-child{padding-left:0}
.manage-col:last-child{border-right:0}
.manage-col h3{font-size:13px;margin:0 0 10px;color:var(--blue)}
.manage-col ul{margin:0;padding-left:17px}
.manage-col li{font-size:11px;line-height:1.8;color:#334056}

/* SPECIALISTS */
.specialists{
    max-width:1200px;margin:0 auto 45px;padding:0 20px;
}
.specialists-box{
    background:#f5f8fd;border-radius:14px;padding:24px 20px;
    display:grid;grid-template-columns:1.05fr 1.7fr;gap:25px;align-items:center;
}
.specialists h2{font-size:19px;line-height:1.3;margin:0 0 11px}
.specialists p{font-size:12px;line-height:1.55;color:#46536a;margin:0 0 15px}
.specialist-btn{
    display:inline-block;background:var(--yellow);color:#172b4d;
    text-decoration:none;border-radius:9px;padding:12px 20px;font-weight:800;font-size:13px;
}
.specialist-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.specialist{text-align:center;color:var(--blue);font-size:11px;font-weight:700}
.specialist-icon{
    width:46px;height:46px;border-radius:50%;margin:0 auto 8px;
    background:#fff;display:flex;align-items:center;justify-content:center;
    font-size:22px;border:1px solid #dfe6ef;
}

/* MOBILE */
@media(max-width:950px){
    .need-grid{grid-template-columns:repeat(2,1fr)}
    .manage-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}
    .manage-col:nth-child(2){border-right:0}
    .specialists-box{grid-template-columns:1fr}
}
@media(max-width:600px){
    .hero{min-height:420px;background-position:62% center}
    .hero-content{padding:35px 25px}
    .hero h1{font-size:29px}
    .need-grid{grid-template-columns:1fr}
    .need-card{min-height:auto}
    .manage-grid{grid-template-columns:1fr}
    .manage-col,.manage-col:first-child{padding:0;border-right:0}
    .specialist-list{grid-template-columns:repeat(3,1fr);row-gap:18px}
}