/* ══ REGIONS PAGE ══ */
.rg-layout{display:grid;grid-template-columns:268px 1fr;gap:28px;padding:40px 0 64px;align-items:start}
.rg-sidebar{position:sticky;top:86px;background:white;border:1.5px solid var(--n100);border-radius:16px;padding:16px}
.sb-search{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1.5px solid var(--n200);border-radius:8px;margin-bottom:14px}
.sb-search i{color:var(--n400);font-size:15px;flex-shrink:0}
.sb-search input{border:none;outline:none;font-size:13px;width:100%;color:var(--n700)}
.sb-search input:focus{outline:none}
.sb-section{margin-bottom:16px}
.sb-head{font-size:10.5px;font-weight:700;color:var(--n400);text-transform:uppercase;letter-spacing:.08em;padding:0 8px;margin-bottom:6px}
.sb-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--n600);border:none;background:none;cursor:pointer;transition:var(--t);text-align:left}
.sb-link:hover,.sb-link.on{background:rgba(6,13,31,.05);color:var(--navy-800)}
.sb-link.on{font-weight:500}

.rg-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--n400)}
.rg-placeholder i{font-size:52px;color:var(--n200);margin-bottom:12px}
.rg-placeholder div{font-size:16px;font-weight:600;color:var(--n600);margin-bottom:6px}
.rg-placeholder p{font-size:13.5px;line-height:1.65;max-width:280px}

.rg-content-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.rg-district-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--n900);margin-bottom:6px}
.rg-meta-chips{display:flex;gap:8px;flex-wrap:wrap}
.meta-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;background:var(--n50);border:1px solid var(--n100);border-radius:999px;font-size:12px;color:var(--n600)}
.meta-chip i{color:var(--teal-500);font-size:13px}

.rg-card{background:var(--n50);border-radius:16px;padding:24px;border:1px solid var(--n100)}
.rg-card-title{font-size:15px;font-weight:600;color:var(--n900);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.rg-card-title i{color:var(--teal-500)}

.bar-chart{display:flex;flex-direction:column;gap:9px}
.bar-row{display:flex;align-items:center;gap:12px}
.bar-label{width:120px;font-size:12.5px;color:var(--n600);text-align:right;flex-shrink:0}
.bar-track{flex:1;height:28px;background:white;border-radius:4px;overflow:hidden;border:1px solid var(--n100)}
.bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:10px;font-size:11px;font-weight:600;color:white;transition:width .5s ease}
.bar-val{width:36px;font-size:12px;font-weight:600;flex-shrink:0;color:var(--n700)}

.rg-sub-title{font-size:15px;font-weight:600;color:var(--n800);margin:24px 0 14px;display:flex;align-items:center;gap:7px}
.rg-sub-title i{color:var(--teal-500)}
.nh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.nh-card{background:white;border:1.5px solid var(--n100);border-radius:12px;padding:16px;transition:var(--t)}
.nh-card:hover{border-color:var(--navy-400);box-shadow:0 6px 18px rgba(6,13,31,.08);transform:translateY(-2px)}
.nh-name{font-size:14px;font-weight:600;color:var(--n900);margin-bottom:4px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nh-rate{font-size:22px;font-weight:700;color:var(--navy-700);line-height:1;margin-bottom:10px}
.nh-rate span{font-size:12px;font-weight:400;color:var(--n400)}
.nh-rows{display:flex;flex-direction:column;gap:4px}
.nh-row{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;padding:3px 0;border-bottom:1px solid var(--n50)}
.nh-row:last-child{border-bottom:none}
.nh-row span:first-child{color:var(--n400)}
.nh-row span:last-child{font-weight:500;color:var(--n700)}

.spec-tbl{width:100%;border-collapse:collapse;font-size:13px}
.spec-tbl th{text-align:left;padding:8px 12px;background:white;font-size:11px;font-weight:600;color:var(--n400);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--n100)}
.spec-tbl td{padding:10px 12px;border-bottom:1px solid var(--n100);color:var(--n700);vertical-align:top}
.spec-tbl tr:last-child td{border-bottom:none}
.spec-tbl tr:hover td{background:rgba(14,165,233,.03)}

.dl-list{display:flex;flex-direction:column;gap:8px}
.dl-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:white;border:1px solid var(--n100);border-radius:8px;transition:var(--t)}
.dl-row:hover{border-color:var(--navy-400)}
.dl-info{display:flex;align-items:center;gap:11px}
.dl-name{font-size:13px;font-weight:500;color:var(--n800)}
.dl-meta{font-size:11px;color:var(--n400);margin-top:2px}

@media(max-width:1024px){.rg-layout{grid-template-columns:1fr}.rg-sidebar{position:static}
  /* Grid item'ın min-width:auto'su geniş tabloyla kolonu şişirip içeriği
     ekran dışına taşırıyordu; tablo kendi kartı içinde yatay kaysın. */
  .rg-sidebar,.rg-main{min-width:0}
  .rg-card{overflow-x:auto}}
@media(max-width:768px){.nh-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.nh-grid{grid-template-columns:1fr}}

/* ═══ İSTANBUL MAHALLE REHBERİ ═══ */
.kd-mah-sec { background: var(--bg-2, #F8FAFD); padding: 72px 0; border-top: 1px solid var(--n100); }
.kd-mah-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
.kd-mah-count { font-size: 12.5px; font-weight: 700; color: var(--blue-600); background: var(--blue-50); border: 1px solid var(--blue-100); border-radius: 9999px; padding: 6px 16px; }
.kd-mah-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.kd-mah-tab { padding: 9px 18px; border-radius: 9999px; font-size: 13.5px; font-weight: 600; color: var(--n500); background: #fff; border: 1.5px solid var(--n150); cursor: pointer; transition: .2s; }
.kd-mah-tab span { font-size: 11px; font-weight: 800; color: var(--blue-500); margin-left: 4px; }
.kd-mah-tab.on { background: var(--navy-800); color: #fff; border-color: var(--navy-800); }
.kd-mah-tab.on span { color: var(--teal-400); }
.kd-mah-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.kd-mah-chip { padding: 7px 14px; border-radius: 9999px; font-size: 13px; font-weight: 500; color: var(--n600); background: #fff; border: 1px solid var(--n150); cursor: pointer; transition: .18s; }
.kd-mah-chip:hover { border-color: var(--blue-400); color: var(--blue-600); }
.kd-mah-chip.on { background: var(--blue-500); border-color: var(--blue-500); color: #fff; font-weight: 700; }
.kd-mah-panel { background: #fff; border: 1px solid var(--n100); border-radius: 16px; padding: 24px; box-shadow: 0 4px 12px rgba(15,28,63,.06); }
.kd-mah-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.kd-mah-panel-head h3 { font-size: 18px; font-weight: 800; color: var(--navy-800); }
.kd-mah-panel-head h3 small { font-size: 12px; font-weight: 600; color: var(--n400); margin-left: 8px; }
.kd-mah-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.kd-mah-item { display: flex; align-items: center; gap: 7px; padding: 9px 12px; background: var(--n50); border: 1px solid var(--n100); border-radius: 10px; font-size: 13px; color: var(--n700); transition: .15s; cursor: pointer; text-decoration: none; }
.kd-mah-item i { color: var(--blue-400); font-size: 13px; flex-shrink: 0; }
.kd-mah-item:hover { border-color: var(--blue-400); background: var(--blue-50); color: var(--blue-700); transform: translateY(-1px); box-shadow: var(--s1); }
.kd-mah-go { margin-left: auto; opacity: 0; transition: .15s; }
.kd-mah-item:hover .kd-mah-go { opacity: 1; }
@media (max-width: 600px) { .kd-mah-grid { grid-template-columns: 1fr 1fr; } }