:root{--bg:#f7f8f4;--paper:#fff;--ink:#172018;--muted:#657067;--green:#0f5132;--green2:#197149;--green3:#eaf4ee;--gold:#c39a3a;--line:#dfe7e1;--shadow:0 12px 30px rgba(15,81,50,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#0b3e27;color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding:9px 0}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brand{font-weight:900;letter-spacing:.2px;color:var(--green);font-size:23px;text-decoration:none}.brand span{color:var(--gold)}
.navlinks{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.navlinks a{text-decoration:none;font-weight:700;color:#344039}
.hero{padding:56px 0 32px;background:linear-gradient(135deg,#0d4c2f,#197149);color:#fff;border-bottom:5px solid var(--gold)}.hero h1{font-size:clamp(32px,5vw,60px);line-height:1.04;margin:0 0 15px;letter-spacing:-1.4px}.hero p{font-size:18px;max-width:830px;margin:0;color:#e9f7ef}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);font-weight:800;font-size:13px}
.notice{margin:26px 0;background:#fff8e8;border:1px solid #eed59a;border-left:5px solid var(--gold);padding:15px 17px;border-radius:10px;color:#604b16}
.section{padding:34px 0}.section h2{font-size:30px;margin:0 0 6px}.sectionlead{color:var(--muted);margin:0 0 22px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.input,.select{appearance:none;border:1px solid #cfd9d1;background:#fff;border-radius:11px;padding:12px 14px;font-size:15px;outline:none}.input{min-width:min(380px,100%);flex:1}.input:focus,.select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(25,113,73,.12)}
.province-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.province-card{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 4px 15px rgba(0,0,0,.025);transition:.18s}.province-card:hover{transform:translateY(-2px);border-color:#9dc4ab;box-shadow:var(--shadow)}.province-card strong{color:var(--green);font-size:17px}.count{font-size:12px;font-weight:900;color:#7a641e;background:#fff3c9;border:1px solid #ecd98f;border-radius:999px;padding:5px 8px;white-space:nowrap}
.breadcrumb{padding:18px 0;font-size:14px;color:var(--muted)}.breadcrumb a{color:var(--green);font-weight:700;text-decoration:none}.cityhead{padding:28px 0 22px}.cityhead h1{font-size:clamp(32px,5vw,48px);margin:0;color:var(--green);line-height:1.1}.cityhead p{color:var(--muted);margin:8px 0 0}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 3px 14px rgba(0,0,0,.025);display:flex;flex-direction:column;min-height:175px}.person-top{display:flex;gap:12px;align-items:flex-start}.rank{width:34px;height:34px;border-radius:50%;background:var(--green3);color:var(--green);font-weight:900;display:grid;place-items:center;flex:0 0 auto}.person h3{font-size:18px;line-height:1.2;margin:2px 0 7px}.role{font-size:14px;color:#59645d;margin:0 0 13px}.person-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center}.cat{font-size:11px;font-weight:900;color:var(--green);background:var(--green3);padding:5px 7px;border-radius:7px}.source{font-size:12px;color:#54625a;text-decoration:underline;text-underline-offset:2px}
.vote-closed{border:1px dashed #cdb567;background:#fffaf0;color:#67551b;border-radius:12px;padding:14px 16px;margin:18px 0 2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.stat b{font-size:25px;color:var(--green);display:block}.empty{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;color:var(--muted)}
footer{margin-top:48px;background:#0b3e27;color:#dce9df;padding:32px 0}footer a{color:#fff}.small{font-size:13px;color:var(--muted)}
@media (max-width:950px){.province-grid{grid-template-columns:repeat(3,1fr)}.people-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.nav{align-items:flex-start}.navlinks{display:none}.hero{padding-top:38px}.province-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.wrap{width:min(100% - 22px,1180px)}}

/* Ana haber sitesi bölüm menüsü */
.section-nav{
  background:#ffffff;
  border-bottom:1px solid #dfe7e1;
  box-shadow:0 3px 10px rgba(0,0,0,.03);
}

.section-nav-inner{
  width:min(1180px,calc(100% - 32px));
  margin:auto;
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  padding:8px 0;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.section-nav a{
  flex:0 0 auto;
  display:block;
  padding:8px 10px;
  color:#344039;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  border-radius:7px;
}

.section-nav a:hover{
  background:#eaf4ee;
  color:#0f5132;
}

.section-nav .leader-link{
  background:#0f5132;
  color:#fff;
}

.section-nav .leader-link:hover{
  background:#197149;
  color:#fff;
}

@media(max-width:680px){
  .section-nav-inner{
    width:100%;
    padding:7px 10px;
  }
}


/* LIDERLER_HABER_LAYOUT_2026 */

/* Haberler + il listesi ana yerleşimi */

.liderler-news-section{
    padding-bottom:12px;
}

.liderler-section-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:18px;
}

.liderler-section-heading h2{
    margin:2px 0 0;
}

.liderler-eyebrow{
    display:block;
    color:#0f5132;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.liderler-all-news{
    color:#0f5132;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.liderler-all-news:hover{
    text-decoration:underline;
}


/* Üst haber kartları */

.liderler-top-news{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.liderler-news-card{
    display:block;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe7e1;
    border-radius:14px;
    text-decoration:none;
    box-shadow:0 4px 15px rgba(0,0,0,.035);
    transition:.18s;
}

.liderler-news-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(15,81,50,.10);
}

.liderler-news-image{
    height:145px;
    background:
      linear-gradient(135deg,#0f5132,#197149);
    overflow:hidden;
}

.liderler-news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.liderler-news-body{
    padding:13px 14px 15px;
}

.liderler-news-card h3{
    margin:0;
    font-size:16px;
    line-height:1.35;
    color:#172018;
}

.liderler-news-date{
    display:block;
    margin-top:8px;
    color:#7a837d;
    font-size:12px;
}

.liderler-news-loading{
    grid-column:1/-1;
    padding:26px;
    text-align:center;
    background:#fff;
    border:1px solid #dfe7e1;
    border-radius:13px;
    color:#657067;
}


/* 3 sütun il listesi + sağ haber alanı */

.liderler-content-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:28px;
    align-items:start;
}

.liderler-main-column{
    min-width:0;
}

/* Kullanıcının istediği 3 sütun */
.liderler-main-column .province-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}


/* Sağ sidebar */

.liderler-sidebar{
    display:flex;
    flex-direction:column;
    gap:20px;
    position:sticky;
    top:92px;
}

.liderler-side-box{
    background:#fff;
    border:1px solid #dfe7e1;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.035);
}

.liderler-side-title{
    padding:14px 16px;
    color:#fff;
    background:#0f5132;
    font-size:17px;
    font-weight:900;
    border-bottom:3px solid #c39a3a;
}

.liderler-side-list{
    padding:5px 15px;
}

.liderler-side-item{
    display:block;
    padding:13px 0;
    border-bottom:1px solid #edf0ed;
    text-decoration:none;
}

.liderler-side-item:last-child{
    border-bottom:0;
}

.liderler-side-item strong{
    display:block;
    color:#253029;
    font-size:14px;
    line-height:1.4;
}

.liderler-side-item:hover strong{
    color:#0f5132;
}

.liderler-side-item span{
    display:block;
    margin-top:5px;
    color:#89918c;
    font-size:11px;
}

.liderler-side-loading{
    padding:18px 0;
    color:#7a837d;
    font-size:13px;
}


/* Tablet */

@media(max-width:1050px){

    .liderler-content-layout{
        grid-template-columns:minmax(0,1fr) 290px;
        gap:20px;
    }

    .liderler-main-column .province-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .liderler-top-news{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* Mobil */

@media(max-width:800px){

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

    .liderler-sidebar{
        position:static;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){

    .liderler-main-column .province-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .liderler-top-news{
        grid-template-columns:1fr;
    }

    .liderler-news-image{
        height:190px;
    }

    .liderler-sidebar{
        grid-template-columns:1fr;
    }

    .liderler-section-heading{
        align-items:center;
    }
}



/* LIDERLER_ESTETIK_V2_2026 */


/* ---------------------------------------------------------
   ÜST ALAN DAHA KOMPAKT
--------------------------------------------------------- */

.topbar .wrap{
    padding-top:5px;
    padding-bottom:5px;
}

.nav{
    padding-top:10px;
    padding-bottom:10px;
}

.brand{
    font-size:21px;
}


.leader-compact-hero{
    padding:26px 0 23px;
    border-bottom:4px solid var(--gold);
}

.leader-hero-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:40px;
}

.leader-hero-kicker{
    display:block;
    margin-bottom:4px;
    color:#dcefe3;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.leader-compact-hero h1{
    margin:0;
    font-size:clamp(31px,4vw,48px);
    line-height:1.06;
    letter-spacing:-1px;
}

.leader-compact-hero p{
    max-width:720px;
    margin:8px 0 0;
    color:#e6f2ea;
    font-size:15px;
}


.leader-hero-numbers{
    display:flex;
    align-items:center;
    gap:10px;
}

.leader-hero-numbers > div{
    min-width:82px;
    padding:10px 12px;
    text-align:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:10px;
    background:rgba(255,255,255,.09);
}

.leader-hero-numbers strong{
    display:block;
    font-size:21px;
    line-height:1;
    color:#fff;
}

.leader-hero-numbers span{
    display:block;
    margin-top:5px;
    color:#dbe9df;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}


/* Oylama bilgi kutusu da daha az yer kullansın */

.notice{
    margin-top:14px;
    margin-bottom:10px;
    padding:10px 14px;
    font-size:13px;
}


/* ---------------------------------------------------------
   ÜST HABER KARTLARI
--------------------------------------------------------- */

.liderler-top-news{
    gap:13px;
}

.liderler-news-image{
    height:120px;
}

.liderler-news-body{
    padding:11px 12px 13px;
}

.liderler-news-card h3{
    font-size:15px;
    line-height:1.32;
}

.liderler-news-date{
    margin-top:6px;
}


/* ---------------------------------------------------------
   ANA LAYOUT
--------------------------------------------------------- */

.liderler-content-layout{
    grid-template-columns:minmax(0,1fr) 345px;
    gap:25px;
}


/* İl kutuları biraz daha temiz */

.liderler-main-column .province-grid{
    gap:11px;
}

.liderler-main-column .province-card{
    padding:13px 14px;
    min-height:58px;
}

.liderler-main-column .province-card strong{
    font-size:16px;
}


/* ---------------------------------------------------------
   SAĞ SIDEBAR
--------------------------------------------------------- */

.liderler-sidebar{
    gap:18px;
}

.liderler-side-box{
    border-radius:12px;
}

.liderler-side-title{
    padding:11px 14px;
    font-size:16px;
}

.liderler-side-list{
    padding:3px 12px;
}


/* Küçük görselli haber */

.liderler-side-item{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:11px;
    align-items:center;

    padding:11px 0;

    border-bottom:1px solid #edf0ed;
}

.liderler-side-thumb{
    width:76px;
    height:58px;

    overflow:hidden;

    border-radius:8px;

    background:
      linear-gradient(135deg,#eaf4ee,#d7e8dc);
}

.liderler-side-thumb img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .25s ease;
}

.liderler-side-item:hover
.liderler-side-thumb img{
    transform:scale(1.05);
}


.liderler-side-thumb-empty{
    display:grid;
    place-items:center;

    background:
      linear-gradient(135deg,#0f5132,#197149);
}

.liderler-side-thumb-empty span{
    color:#fff;
    font-size:21px;
    font-weight:900;
}


.liderler-side-content{
    min-width:0;
}

.liderler-side-item strong{
    display:-webkit-box;

    overflow:hidden;

    color:#253029;

    font-size:13px;
    line-height:1.35;

    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

.liderler-side-item span{
    margin-top:5px;

    color:#8a928d;

    font-size:10px;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media(max-width:1050px){

    .leader-hero-layout{
        gap:20px;
    }

    .leader-hero-numbers > div{
        min-width:70px;
    }

    .liderler-content-layout{
        grid-template-columns:minmax(0,1fr) 300px;
    }

}


@media(max-width:800px){

    .leader-hero-layout{
        grid-template-columns:1fr;
        gap:14px;
    }

    .leader-hero-numbers{
        justify-content:flex-start;
    }

}


@media(max-width:600px){

    .leader-compact-hero{
        padding:22px 0 18px;
    }

    .leader-compact-hero h1{
        font-size:31px;
    }

    .leader-hero-numbers{
        width:100%;
    }

    .leader-hero-numbers > div{
        flex:1;
        min-width:0;
    }

    .liderler-side-item{
        grid-template-columns:90px minmax(0,1fr);
    }

    .liderler-side-thumb{
        width:90px;
        height:65px;
    }

}



/* LIDERLER_MINI_HERO_2026 */

.leader-mini-hero{
    padding:20px 0 18px !important;
}

.leader-mini-hero h1{
    margin:2px 0 3px !important;
    font-size:clamp(27px,3vw,38px) !important;
    line-height:1.05;
}

.leader-mini-hero p{
    margin:0 !important;
    font-size:14px !important;
    color:#e8f2eb;
}

.leader-mini-hero .leader-hero-kicker{
    font-size:10px;
    opacity:.9;
}

#iller .liderler-eyebrow{
    display:block;
    margin-bottom:3px;
    color:#0f5132;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#iller h2{
    margin-bottom:4px;
}

#iller .sectionlead{
    margin-top:0;
    margin-bottom:18px;
}



/* LIDERLER_WHITE_HEADER_2026 */


/* Eski yeşil üst alanları kesin olarak gizle */
.topbar,
.hero,
.leader-compact-hero,
.leader-mini-hero{
    display:none !important;
}


/* Ana beyaz header daha geniş ve ferah */
header{
    position:relative;
    top:auto;
    background:#fff;
}

header .nav{
    width:min(1320px,calc(100% - 36px));
    max-width:none;
    margin:auto;

    padding-top:18px;
    padding-bottom:18px;
}

.brand{
    font-size:25px;
}


/* Sağ üst bağlantılar */
.navlinks{
    gap:22px;
}

.navlinks a{
    font-size:14px;
}


/* Haber kategorileri de aynı genişliğe gelsin */
.section-nav-inner{
    width:min(1320px,calc(100% - 36px));
    max-width:none;
}


/* Beyaz kısa giriş alanı */
.leader-white-intro{
    background:#fff;
    border-bottom:1px solid #e6ebe7;
}

.leader-white-intro .wrap{
    width:min(1320px,calc(100% - 36px));
    max-width:none;

    padding-top:24px;
    padding-bottom:18px;
}

.leader-white-intro h1{
    margin:0;

    color:#172018;

    font-size:clamp(27px,3vw,37px);
    line-height:1.08;
    letter-spacing:-.7px;
}

.leader-white-intro p{
    margin:6px 0 0;

    color:#68736b;

    font-size:15px;
}


/* İç içerik biraz daha geniş */
.section > .wrap,
body > main > .wrap{
    width:min(1320px,calc(100% - 36px));
    max-width:none;
}


/* Oylama bilgi kutusu üst alanda fazla yer kaplamasın */
.notice{
    margin-top:12px;
    margin-bottom:8px;

    padding:10px 14px;
}


/* Haber bölümüne geçiş daha sıkı */
.liderler-news-section{
    padding-top:25px;
}


/* Mobil */
@media(max-width:680px){

    header .nav,
    .section-nav-inner,
    .leader-white-intro .wrap,
    .section > .wrap,
    body > main > .wrap{
        width:calc(100% - 22px);
    }

    header .nav{
        padding-top:13px;
        padding-bottom:13px;
    }

    .leader-white-intro .wrap{
        padding-top:18px;
        padding-bottom:14px;
    }

    .leader-white-intro h1{
        font-size:28px;
    }
}



/* LIDERLER_TOP_CLEANUP_2026 */

/* Eski uyarı kutusu artık kullanılmıyor */
.notice{
    display:none !important;
}

/* Başlık alanı daha kompakt */
.leader-white-intro .wrap{
    padding-top:18px;
    padding-bottom:13px;
}

.leader-white-intro h1{
    font-size:34px;
}

.leader-white-intro p{
    margin-top:4px;
}

/* Başlıktan haberlere geçiş daha sıkı */
.liderler-news-section{
    padding-top:20px;
}

/* Gündemden başlığındaki gereksiz boşluğu azalt */
.liderler-section-heading{
    margin-bottom:14px;
}

@media(max-width:680px){

    .leader-white-intro .wrap{
        padding-top:15px;
        padding-bottom:11px;
    }

    .leader-white-intro h1{
        font-size:27px;
    }

    .liderler-news-section{
        padding-top:16px;
    }
}



/* LIDERLER_MOBILE_V3_2026 */

@media(max-width:900px){

    html,
    body{
        overflow-x:hidden;
    }

    /*
     * HEADER
     */

    header .nav{
        width:100% !important;
        padding:11px 16px !important;
    }

    .brand{
        font-size:22px !important;
    }

    /* Haber Sitesi / Liderler Listesi / 81 İl */
    .navlinks{
        display:none !important;
    }


    /*
     * HABER KATEGORİ ŞERİDİ
     */

    .section-nav{
        overflow:hidden;
        border-bottom:1px solid #e5e9e6;
    }

    .section-nav-inner{
        width:100% !important;

        display:flex;
        gap:7px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:8px 12px !important;

        scrollbar-width:none;

        scroll-snap-type:x proximity;

        -webkit-overflow-scrolling:touch;
    }

    .section-nav-inner::-webkit-scrollbar{
        display:none;
    }

    .section-nav a{
        scroll-snap-align:start;

        padding:7px 11px;

        border:1px solid #e0e7e2;
        border-radius:999px;

        background:#fff;

        font-size:12px;
        font-weight:700;
    }

    .section-nav .leader-link{
        background:#0f5132;
        border-color:#0f5132;
        color:#fff;
    }


    /*
     * TÜRKİYE'NİN LİDERLERİ
     */

    .leader-white-intro{
        border-bottom:1px solid #edf0ed;
    }

    .leader-white-intro .wrap{
        width:100% !important;

        padding:
          17px 16px
          14px !important;
    }

    .leader-white-intro h1{
        margin:0;

        font-size:27px !important;
        line-height:1.08;
        letter-spacing:-.5px;
    }

    .leader-white-intro p{
        margin-top:5px;

        font-size:13px;
    }


    /*
     * GENEL İÇERİK GENİŞLİĞİ
     */

    .section > .wrap,
    body > main > .wrap{
        width:100% !important;

        padding-left:15px;
        padding-right:15px;
    }


    /*
     * GÜNDEMDEN
     */

    .liderler-news-section{
        padding-top:18px !important;
        padding-bottom:17px;
    }

    .liderler-section-heading{
        margin-bottom:11px;

        align-items:center;
    }

    .liderler-section-heading h2{
        font-size:24px;
    }

    .liderler-section-heading
    .liderler-eyebrow{
        font-size:9px;
    }

    .liderler-all-news{
        font-size:12px;
    }


    /*
     * HABERLER TELEFONDA YATAY KART
     */

    .liderler-top-news{
        display:flex !important;

        gap:11px;

        overflow-x:auto;
        overflow-y:hidden;

        margin-left:-15px;
        margin-right:-15px;

        padding:
          0 15px
          8px;

        scroll-snap-type:x mandatory;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .liderler-top-news::-webkit-scrollbar{
        display:none;
    }

    .liderler-news-card{
        flex:
          0 0
          min(78vw,310px);

        scroll-snap-align:start;

        border-radius:12px;
    }

    .liderler-news-image{
        height:145px !important;
    }

    .liderler-news-body{
        padding:10px 11px 12px;
    }

    .liderler-news-card h3{
        font-size:14px !important;
        line-height:1.32;

        display:-webkit-box;
        overflow:hidden;

        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
    }


    /*
     * İL + SIDEBAR
     */

    .liderler-content-layout{
        display:block !important;
    }

    .liderler-main-column{
        width:100%;
    }


    /*
     * ŞEHİR ŞEHİR LİDERLER
     */

    #iller{
        padding-top:20px;
    }

    #iller h2{
        font-size:24px;
        line-height:1.15;
    }

    #iller .sectionlead{
        margin-bottom:13px;

        font-size:13px;
    }

    #iller .liderler-eyebrow{
        font-size:9px;
    }


    /*
     * ARAMA
     */

    .toolbar{
        margin-bottom:13px;
    }

    .input{
        width:100%;

        min-width:0 !important;

        padding:11px 12px;

        border-radius:10px;

        font-size:14px;
    }


    /*
     * İLLER TELEFONDA 2 SÜTUN
     */

    .liderler-main-column
    .province-grid{
        display:grid !important;

        grid-template-columns:
          repeat(2,minmax(0,1fr))
          !important;

        gap:8px !important;
    }

    .liderler-main-column
    .province-card{
        min-width:0;
        min-height:52px;

        padding:10px 10px !important;

        gap:5px;

        border-radius:10px;
    }

    .liderler-main-column
    .province-card strong{
        min-width:0;

        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;

        font-size:14px !important;
    }

    .province-card .count{
        padding:3px 5px;

        font-size:9px;
    }


    /*
     * SAĞ HABERLER MOBİLDE
     */

    .liderler-sidebar{
        position:static !important;

        margin-top:25px;

        display:block !important;
    }

    .liderler-side-box{
        margin-bottom:17px;

        border-radius:11px;
    }

    .liderler-side-title{
        padding:10px 12px;

        font-size:15px;
    }

    .liderler-side-list{
        padding:2px 11px;
    }

    .liderler-side-item{
        grid-template-columns:
          88px minmax(0,1fr)
          !important;

        gap:10px;

        padding:10px 0;
    }

    .liderler-side-thumb{
        width:88px !important;
        height:65px !important;

        border-radius:7px;
    }

    .liderler-side-item strong{
        font-size:13px;
        line-height:1.34;

        -webkit-line-clamp:3;
    }


    /*
     * FOOTER
     */

    footer{
        margin-top:28px;

        padding:24px 0;
    }

}


@media(max-width:390px){

    /*
     * Çok küçük telefonlarda il kutuları
     * yine 2 sütun fakat daha kompakt.
     */

    .liderler-main-column
    .province-card{
        padding:9px 8px !important;
    }

    .liderler-main-column
    .province-card strong{
        font-size:13px !important;
    }

    .province-card .count{
        font-size:8px;
    }

    .leader-white-intro h1{
        font-size:25px !important;
    }

    .liderler-news-card{
        flex-basis:82vw;
    }

}



/* LIDERLER_CITY_2COL_NEWS_2026 */


/* --------------------------------------------------
   İL DETAY SAYFASI
-------------------------------------------------- */

.city-people-section > .city-content-layout{

    width:min(1320px,calc(100% - 36px));
    max-width:none;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        345px;

    gap:25px;

    align-items:start;
}


.city-main-column{
    min-width:0;
}


/* Kişiler artık 3 değil 2 sütun */

.city-main-column .people-grid{

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
        !important;

    gap:14px;
}


/* Kartlar biraz daha rahat */

.city-main-column .person{

    min-height:158px;

    padding:16px;
}


/* Sağ haber kutusu */

.city-sidebar{

    position:sticky;

    top:20px;
}


/* İl başlığı / breadcrumb genişliği */

.breadcrumb,
.cityhead{

    width:min(1320px,calc(100% - 36px));

    max-width:none;

    margin-left:auto;
    margin-right:auto;
}


/* Stats alanı da yeni genişliğe uysun */

body > main > .wrap .stats{
    max-width:none;
}


/* --------------------------------------------------
   TABLET
-------------------------------------------------- */

@media(max-width:1050px){

    .city-people-section > .city-content-layout{

        grid-template-columns:
            minmax(0,1fr)
            300px;

        gap:18px;
    }

}


/* --------------------------------------------------
   MOBİL / TABLET
-------------------------------------------------- */

@media(max-width:900px){

    .city-people-section > .city-content-layout{

        width:100%;

        padding-left:15px;
        padding-right:15px;

        display:block;
    }

    .city-sidebar{

        position:static;

        margin-top:25px;
    }

    /*
     * Tablet genişliklerinde kişiler 2 sütun kalabilir.
     */

    .city-main-column .people-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:10px;
    }

}


/* --------------------------------------------------
   TELEFON
-------------------------------------------------- */

@media(max-width:650px){

    .breadcrumb,
    .cityhead{

        width:100%;

        padding-left:15px;
        padding-right:15px;
    }


    /* Telefonda kişiler tek sütun */

    .city-main-column .people-grid{

        grid-template-columns:
            1fr
            !important;
    }


    .city-main-column .person{

        min-height:140px;

        padding:14px;
    }


    .city-main-column .person h3{

        font-size:16px;
    }


    .city-main-column .role{

        font-size:13px;
    }


    /* Sağ haberler */

    .city-sidebar{

        margin-top:22px;
    }

}



/* CITY_LAYOUT_FORCE_2COL_2026 */

@media(min-width:901px){

    .city-people-section > .city-content-layout{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            345px !important;

        gap:24px !important;

        align-items:start !important;
    }

    .city-main-column{
        min-width:0 !important;
    }

    .city-main-column .people-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:14px !important;
    }

    .city-sidebar{
        display:flex !important;

        flex-direction:column !important;

        position:sticky !important;

        top:20px !important;

        width:auto !important;

        margin:0 !important;
    }
}


/* telefonda tek sütun */

@media(max-width:650px){

    .city-main-column .people-grid{
        grid-template-columns:
            1fr !important;
    }

}


/* tablet */

@media(min-width:651px) and (max-width:900px){

    .city-main-column .people-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;
    }

}