/* Alt sayfalar (ilan detay + bölge) — style.css'i tamamlar */
.page-main { max-width: 900px; margin: 0 auto; padding: 44px 24px 88px; }

.breadcrumb { font-size: .75rem; color: var(--muted); margin-bottom: 22px; line-height: 1.8; }
.breadcrumb a:hover { color: var(--navy); }
.breadcrumb span { color: var(--ink); }

.page-main h1 {
  font-size: clamp(1.4rem, 3.2vw, 2rem);
  color: var(--navy);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.02em;
  margin-bottom: 10px;
}
.page-lead { color: var(--muted); font-size: .95rem; margin-bottom: 26px; max-width: 640px; }

.listing-detail { border: none; }
.listing-detail .gallery { margin-top: 22px; }
.listing-detail .gallery a { display: block; overflow: hidden; border-radius: 2px; }
.listing-detail .hero-img a { height: 100%; }

.back-link { display: inline-block; margin-top: 30px; font-weight: 600; color: var(--navy); font-size: .85rem; }

.area-links { font-size: .82rem; color: var(--muted); margin: 24px 0 4px; }
.area-links a { color: var(--navy); font-weight: 600; }
.area-links a:not(:last-child)::after { content: " · "; color: var(--muted); font-weight: 400; }

.region-grid { margin-top: 26px; }
.region-empty {
  margin-top: 24px;
  padding: 28px;
  background: var(--off-white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: .9rem;
}