.mali-hero { position:relative; min-height:360px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(90deg,rgba(14,32,17,.95),rgba(14,32,17,.72) 50%,rgba(14,32,17,.20)),url('https://images.unsplash.com/photo-1559235038-1b0fadf3bfc0?auto=format&fit=crop&w=1900&q=88') center/cover no-repeat; }
.mali-hero::after { content:""; position:absolute; right:-100px; bottom:-150px; width:330px; height:330px; border-radius:50%; background:rgba(244,119,45,.13); }
.mali-hero .container { position:relative; z-index:2; }
.mali-hero-content { max-width:760px; padding:68px 0; color:#fff; }
.mali-eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:12px; color:#ffd3b8; font-size:12px; font-weight:900; letter-spacing:.8px; }
.mali-eyebrow i { color:var(--mali-orange); }
.mali-hero h1 { margin:0 0 16px; color:#fff; font-family:'Nunito',sans-serif; font-size:clamp(42px,5vw,62px); line-height:1.02; letter-spacing:-1.5px; }
.mali-hero-content > p { max-width:640px; margin:0; color:rgba(255,255,255,.88); font-size:17px; line-height:1.65; }
.mali-breadcrumb { display:flex; align-items:center; gap:10px; margin-top:27px; color:rgba(255,255,255,.70); font-size:12px; font-weight:800; }
.mali-breadcrumb a:hover { color:#fff; }
.mali-breadcrumb i { color:var(--mali-orange); font-size:9px; }

.mali-page { padding:68px 0 85px; background:#fff; }
.mali-intro { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:30px; }
.section-kicker { display:inline-flex; align-items:center; gap:7px; color:var(--mali-orange-dark); font-size:12px; font-weight:900; letter-spacing:.7px; }
.section-kicker i { font-size:13px; }
.mali-intro h2 { margin:8px 0 8px; color:var(--mali-text); font-family:'Nunito',sans-serif; font-size:34px; line-height:1.1; }
.mali-intro p { max-width:700px; margin:0; color:var(--mali-muted); font-size:15px; line-height:1.7; }
.mali-summary { min-width:135px; padding:17px 22px; border:1px solid var(--mali-border); border-radius:16px; background:var(--mali-cream); text-align:center; }
.mali-summary strong { display:block; color:var(--mali-orange); font-family:'Nunito',sans-serif; font-size:34px; line-height:1; }
.mali-summary span { display:block; margin-top:6px; color:var(--mali-muted); font-size:12px; font-weight:800; }

.mali-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mali-card { display:flex; flex-direction:column; min-height:300px; overflow:hidden; border:1px solid var(--mali-border); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(24,37,28,.06); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.mali-card:hover { transform:translateY(-4px); border-color:#f2c2a3; box-shadow:0 18px 35px rgba(24,37,28,.10); }
.mali-card-top { display:flex; align-items:center; justify-content:space-between; padding:22px 22px 15px; background:linear-gradient(135deg,#fff8f2,#fbf8f2); }
.mali-year-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:var(--mali-orange); color:#fff; font-size:21px; }
.mali-year { color:var(--mali-green); font-family:'Nunito',sans-serif; font-size:28px; font-weight:900; }
.mali-card-body { flex:1; padding:7px 22px 18px; }
.mali-type { color:var(--mali-orange-dark); font-size:10px; font-weight:900; letter-spacing:.8px; }
.mali-card h3 { margin:8px 0 8px; color:var(--mali-text); font-family:'Nunito',sans-serif; font-size:21px; line-height:1.2; }
.mali-card p { margin:0; color:var(--mali-muted); font-size:13px; line-height:1.55; }
.mali-meta { display:flex; gap:15px; margin-top:17px; color:#7b827c; font-size:11px; font-weight:800; }
.mali-meta i { margin-right:5px; color:var(--mali-orange); }
.mali-actions { display:flex; gap:8px; padding:15px 16px; border-top:1px solid var(--mali-border); }
.mali-open { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 12px; border-radius:9px; background:var(--mali-orange); color:#fff; font-size:12px; font-weight:900; }
.mali-open:hover { background:var(--mali-orange-dark); }
.mali-download { width:43px; display:grid; place-items:center; border:1px solid #f0c7ad; border-radius:9px; color:var(--mali-orange-dark); font-size:14px; }
.mali-download:hover { background:#fff5ed; }
.mali-note { display:flex; gap:14px; align-items:flex-start; margin-top:28px; padding:18px 20px; border:1px solid #eadfce; border-radius:14px; background:var(--mali-cream); }
.mali-note-icon { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--mali-orange); }
.mali-note strong { color:var(--mali-text); font-size:14px; }
.mali-note p { margin:4px 0 0; color:var(--mali-muted); font-size:12px; line-height:1.6; }

@media (max-width:900px) { .mali-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mali-intro { align-items:flex-start; } }
@media (max-width:700px) { .mali-hero { min-height:330px; } .mali-hero-content { padding:55px 0; } .mali-hero h1 { font-size:43px; } .mali-hero-content > p { font-size:15px; } .mali-intro { flex-direction:column; } .mali-summary { width:100%; } .mali-grid { grid-template-columns:1fr; } }


.mali-hero {
    background:
        linear-gradient(
            90deg,
            rgba(14, 32, 17, .95),
            rgba(14, 32, 17, .72) 50%,
            rgba(14, 32, 17, .20)
        ),
        url("../images/bg/hipder-genel-bg.webp")
        center / cover no-repeat !important;
}
/* =========================================================
   MALİ RAPORLAR HERO — COMMON HERO İLE BİREBİR
========================================================= */

.mali-hero .mali-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    color: #ffd3b8 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
}

.mali-hero .mali-eyebrow i {
    color: #f4772d !important;
}

.mali-hero h1 {
    margin: 0 0 16px !important;
    color: #fff !important;
    font-family: "Nunito", sans-serif !important;
    font-size: clamp(42px, 5vw, 62px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1.5px !important;
    font-weight: 900 !important;
}

.mali-hero .mali-hero-content > p {
    max-width: 650px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.mali-hero .mali-breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 27px !important;
    color: rgba(255,255,255,.70) !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mali-hero .mali-breadcrumb i {
    color: #f4772d !important;
    font-size: 9px !important;
}