/* ============================================================
   BebekSünneti DS v2 — District Page
   ============================================================ */

/* ── DISTRICT LOCATOR (Hero) ────────────────────────── */
.dist-locator{
  padding:var(--section-y-sm) 0;
  background:var(--surface-paper);
  position:relative;
}
.dist-locator::after{
  content:'';position:absolute;top:0;right:0;
  width:40%;height:100%;
  background:linear-gradient(135deg,transparent 60%,var(--teal-100) 100%);
  opacity:0.25;pointer-events:none;
}
.dist-locator__inner{
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:var(--s-7);
  align-items:center;
  position:relative;z-index:1;
}
.dist-locator__copy .aks-crumbs{margin-bottom:var(--s-4)}
.dist-locator__location{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:6px 14px;
  background:var(--surface-mist);
  border-radius:var(--r-pill);
  font-size:var(--t-small);font-weight:600;
  color:var(--anchor);
  margin-bottom:var(--s-4);
}
.dist-locator__location svg{width:14px;height:14px;stroke-width:1.5}
.dist-locator h1{font-size:var(--t-h1);margin-bottom:var(--s-3)}
.dist-locator .aks-lead{margin-bottom:var(--s-5);max-width:52ch}
.dist-locator__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-5)}
.dist-locator__cta{display:flex;gap:var(--s-3);flex-wrap:wrap}

.dist-locator__aside{
  display:flex;flex-direction:column;gap:var(--s-4);
  align-items:flex-end;
}
.dist-locator__context{
  text-align:right;
  font-size:var(--t-small);
  color:var(--text-muted);
}
.dist-locator__context strong{display:block;font-size:var(--t-h3);color:var(--text-primary);margin-bottom:var(--s-1)}

@media(max-width:900px){
  .dist-locator__inner{grid-template-columns:1fr}
  .dist-locator__aside{align-items:flex-start}
  .dist-locator__context{text-align:left}
  .dist-locator::after{display:none}
}

/* ── DISTRICT ESSAY ─────────────────────────────────── */
.dist-essay{padding-block:var(--section-y)}
.dist-essay .city-anchor__grid{
  display:grid;
  grid-template-columns:8fr 4fr;
  gap:var(--s-7);
  align-items:start;
}
@media(max-width:900px){.dist-essay .city-anchor__grid{grid-template-columns:1fr}}

/* ── DISTRICT QUICK ANSWERS ─────────────────────────── */
.dist-quick{padding-block:var(--section-y)}
.dist-quick__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--s-5);
}
.dist-quick__item{
  padding-bottom:var(--s-5);
  border-bottom:1px solid var(--border-on-mist);
}
.dist-quick__item h4{
  font-size:var(--t-body);font-weight:600;
  margin-bottom:var(--s-2);
}
.dist-quick__item p{
  font-size:var(--t-small);color:var(--text-secondary);margin:0;
}
@media(max-width:768px){.dist-quick__grid{grid-template-columns:1fr}}

/* ── DISTRICT NEARBY ────────────────────────────────── */
.dist-nearby{padding-block:var(--section-y)}
.dist-nearby__heading{margin-bottom:var(--s-5)}
.dist-nearby__rail{
  display:flex;gap:var(--s-3);
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding-bottom:var(--s-2);
}
.dist-nearby__rail::-webkit-scrollbar{display:none}
.dist-nearby__card{
  flex-shrink:0;
  min-width:200px;
  padding:var(--s-4) var(--s-5);
  border:1px solid var(--border-on-paper);
  border-radius:var(--r-3);
  text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-3);
  font-size:var(--t-small);font-weight:500;
  color:var(--text-primary);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast);
}
.dist-nearby__card:hover{border-color:var(--anchor);box-shadow:var(--shadow-1)}
.dist-nearby__card svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;stroke-width:1.5}

.dist-nearby__back{
  display:flex;align-items:center;gap:var(--s-2);
  margin-top:var(--s-6);
  font-size:var(--t-small);font-weight:600;
  color:var(--link);
}
.dist-nearby__back svg{width:14px;height:14px;stroke-width:1.5}
.dist-nearby__back:hover{color:var(--anchor)}

/* ── DISTRICT LEAD ──────────────────────────────────── */
.dist-lead{padding-block:var(--section-y)}
.dist-lead__grid{
  display:grid;
  grid-template-columns:4fr 8fr;
  gap:var(--s-7);
  align-items:start;
}
.dist-lead__context{
  position:sticky;top:100px;
}
.dist-lead__context .aks-h2{margin-bottom:var(--s-4)}
.dist-lead__ledger{
  display:flex;flex-direction:column;gap:var(--s-3);
  margin-top:var(--s-5);
  padding-top:var(--s-5);
  border-top:1px solid var(--border-on-mist);
}
.dist-lead__ledger-item{
  display:flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-small);color:var(--text-secondary);
}
.dist-lead__ledger-item svg{width:16px;height:16px;stroke-width:1.5;color:var(--anchor);flex-shrink:0}

@media(max-width:900px){
  .dist-lead__grid{grid-template-columns:1fr}
  .dist-lead__context{position:static}
}

/* ── DISTRICT ANCHOR-OUT ────────────────────────────── */
.dist-anchor-out{
  padding:var(--section-y-sm) 0;
  text-align:center;
}
.dist-anchor-out__links{
  display:flex;gap:var(--s-5);justify-content:center;flex-wrap:wrap;
}