/* ══════════════════════════════════════
   SUBPAGE STYLES (Altın Emlak tarzı)
   ══════════════════════════════════════ */

/* ── BANNER ── */
.sub-banner{
    position:relative;
    min-height:340px;
    margin-top:72px;
    display:flex;align-items:flex-end;
    background-size:cover;background-position:center;
    overflow:hidden;
}
.sub-banner-overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.65) 100%);
}
.sub-banner-inner{
    position:relative;z-index:2;
    padding:48px 0;
}
.sub-banner h1{
    font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;
    letter-spacing:-.03em;margin-bottom:12px;
    text-shadow:0 2px 20px rgba(0,0,0,.4);
}
.breadcrumb{
    display:flex;align-items:center;gap:8px;
    font-size:.88rem;color:rgba(255,255,255,.7);
}
.breadcrumb a{color:var(--gold-light);text-decoration:none;transition:.2s}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{opacity:.5}
.breadcrumb strong{color:#fff}

/* ── CONTENT ── */
.sub-content{
    padding:80px 0;
    background:#f4f0ea;color:#222;
}
.sub-intro{
    max-width:800px;margin:0 auto 60px;text-align:center;
}
.sub-intro h2{
    font-size:clamp(1.4rem,3vw,2rem);font-weight:800;
    color:#1a1a1a;line-height:1.35;margin-bottom:20px;
}
.sub-intro p{
    color:#555;font-size:1rem;line-height:1.8;margin-bottom:14px;
}

/* ── SUB CARDS (2x2 grid) ── */
.sub-grid-2{
    display:grid;grid-template-columns:repeat(2,1fr);gap:24px;
    margin-bottom:60px;
}
.sub-card{
    background:#fff;border-radius:16px;padding:36px 28px;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 4px 24px rgba(0,0,0,.04);
    transition:.35s;
}
.sub-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 40px rgba(0,0,0,.1);
    border-color:rgba(200,151,46,.2);
}
.sub-card-icon{
    width:56px;height:56px;margin-bottom:20px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(200,151,46,.12),rgba(200,151,46,.04));
    border-radius:14px;border:1px solid rgba(200,151,46,.15);
}
.sub-card-icon svg{width:32px;height:32px}
.sub-card h3{
    font-size:1.15rem;font-weight:700;color:#1a1a1a;margin-bottom:10px;
}
.sub-card p{
    font-size:.9rem;color:#555;line-height:1.7;
}

/* ── BLOCK (misyon / vizyon) ── */
.sub-block{
    max-width:800px;margin:0 auto 48px;
    background:#fff;border-radius:16px;padding:44px 36px;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 4px 24px rgba(0,0,0,.04);
}
.sub-block-badge{
    display:inline-block;
    padding:6px 20px;border-radius:30px;
    background:linear-gradient(135deg,#c8972e,#b07a1a);
    color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;
    margin-bottom:20px;
}
.sub-block-badge.vizyon{
    background:linear-gradient(135deg,#1a1a1a,#333);
}
.sub-block h2{
    font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;
    color:#1a1a1a;margin-bottom:16px;
}
.sub-block p{
    color:#555;font-size:.95rem;line-height:1.8;margin-bottom:12px;
}

/* ── VALUES ── */
.sub-values{
    margin-top:60px;text-align:center;
}
.sub-values h2{
    font-size:clamp(1.5rem,3vw,2rem);font-weight:800;
    color:#1a1a1a;margin-bottom:12px;
}
.values-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;
    margin-top:24px;
}
.value-item{
    background:#fff;border-radius:14px;padding:28px 20px;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 2px 16px rgba(0,0,0,.03);
    transition:.3s;
}
.value-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    border-color:rgba(200,151,46,.2);
}
.value-icon{
    width:48px;height:48px;margin:0 auto 14px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(200,151,46,.1),rgba(200,151,46,.03));
    border-radius:12px;
}
.value-icon svg{width:28px;height:28px}
.value-item strong{
    display:block;font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;
}
.value-item p{
    font-size:.85rem;color:#666;line-height:1.6;
}

/* ── SERVICE PAGE CARDS (zigzag layout) ── */
.svc-page-title{
    font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;
    text-align:center;color:#1a1a1a;
    letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:12px;
}
.svc-page-desc{
    text-align:center;color:#666;font-size:1rem;line-height:1.7;
    max-width:640px;margin:0 auto 40px;
}
.svc-page-grid{
    display:flex;flex-direction:column;gap:40px;
}
.svc-page-card{
    display:grid;grid-template-columns:1fr 1fr;gap:0;
    background:#fff;border-radius:18px;overflow:hidden;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 4px 24px rgba(0,0,0,.05);
    transition:.35s;
}
.svc-page-card:hover{
    box-shadow:0 12px 48px rgba(0,0,0,.1);
    transform:translateY(-4px);
}
.svc-page-card.reverse{direction:rtl}
.svc-page-card.reverse > *{direction:ltr}
.svc-page-img{
    min-height:280px;
    background-size:cover;background-position:center;
}
.svc-page-body{
    display:flex;flex-direction:column;justify-content:center;
    padding:40px 36px;
}
.svc-page-body h3{
    font-size:1.3rem;font-weight:800;color:#1a1a1a;margin-bottom:14px;
}
.svc-page-body p{
    font-size:.92rem;color:#555;line-height:1.75;
}

/* ── SUB CTA ── */
.sub-cta{
    padding:80px 0;
    background:linear-gradient(135deg,#1a1510,#2a1f12);
    color:#fff;
}
.sub-cta h2{
    font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;margin-bottom:14px;
}
.sub-cta p{
    color:rgba(255,255,255,.7);font-size:1rem;line-height:1.7;
    max-width:560px;margin:0 auto 28px;
}

/* ── RESPONSIVE ── */
@media(max-width:960px){
    .sub-grid-2{grid-template-columns:1fr}
    .svc-page-card,.svc-page-card.reverse{
        grid-template-columns:1fr;direction:ltr;
    }
    .svc-page-img{min-height:220px}
    .sub-banner{min-height:260px}
}
@media(max-width:600px){
    .values-grid{grid-template-columns:1fr 1fr}
    .sub-block{padding:28px 20px}
    .svc-page-body{padding:28px 20px}
}