body {
  font-family: 'Montserrat', Arial, sans-serif;
  margin: 0;
  background: #f7f9fc;
  color: #222;
  font-size: 16px;         /* Okunabilir ana font boyutu */
}

.main-menu {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  justify-content: center;
  padding: 0;
  margin: 0 0 16px 0;
  box-shadow: 0 2px 14px #f5822014;
  border-bottom: 1px solid #f5822055;
}

.main-menu a {
  color: #f58220;
  text-decoration: none;
  padding: 16px 18px;
  font-weight: bold;
  border-radius: 0 0 14px 14px;
  font-size: 1.09rem;
  transition: background .13s;
  display: block;
}

.main-menu a:hover, .main-menu a.active {
  background: #f58220;
  color: #fff;
}

.hero {
  background: linear-gradient(120deg, #f58220 40%, #ffe5cd 100%);
  padding: 32px 18px 28px 18px;
  text-align: center;
  border-radius: 0 0 20px 20px;
  color: #fff;
  margin-bottom: 24px;
}

.hero h1 { margin: 0 0 10px 0; font-size: 2rem; font-weight: 800; }
.hero span { font-size: 1.13rem; color: #333; }
.hero p { font-size: 1.13rem; margin-bottom: 14px; }

.cta-whatsapp, .cta-tel, .cta-link {
  display: inline-block;
  margin: 8px 8px 0 0;
  padding: 13px 24px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background: #25d366;
  box-shadow: 0 3px 12px #25d36620;
  font-size: 1.09rem;
  transition: background .14s;
}
.cta-tel { background: #f58220; }
.cta-link { background: #ffe5cd; color: #f58220; box-shadow: none;}
.cta-link:hover { background: #f58220; color: #fff;}

section {
  max-width: 740px;
  margin: 32px auto 0 auto;
  padding: 0 12px;
  font-size: 1.06rem;
}
h2 { color: #f58220; margin-top: 0; font-size: 1.19rem; }
h3 { font-size: 1.11rem; }

.features-list, .districts-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 13px;
  margin: 10px 0 0 0;
}
.features-list a, .districts-list a {
  background: #fff;
  color: #c37a08;
  padding: 9px 19px;
  border-radius: 9px;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.06rem;
  box-shadow: 0 1px 8px #f5822033;
  transition: background .13s;
}
.features-list a:hover, .districts-list a:hover {
  background: #f58220;
  color: #fff;
}
blockquote {
  background: #ffe5cd;
  border-radius: 9px;
  padding: 13px;
  margin: 0 0 7px 0;
  font-size: 1.06rem;
}
footer.footer {
  text-align: center;
  font-size: 1.07rem;
  color: #777;
  background: #fff;
  padding: 16px 0 10px 0;
  margin-top: 30px;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -2px 12px #0001;
}
input, textarea {
  font-size: 1.07rem;
  padding: 9px;
  border-radius: 7px;
  border:1px solid #eee;
  width:100%;
  margin-bottom:10px;
}
p, li, ul, ol { font-size: 1.06rem; }

@media (max-width:650px){
  .hero h1 { font-size: 1.25rem; }
  .main-menu a { padding: 11px 7px; font-size: 1.06rem; }
  section { padding: 0 2vw; font-size: 1.03rem; }
}

.districts-seo-list {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.district-box {
  background: #fff;
  border-radius: 11px;
  box-shadow: 0 1px 8px #f5822016;
  padding: 16px 13px 10px 13px;
  margin-bottom: 8px;
  overflow: auto;
  font-size: 1.05rem;
}
.district-box h3 {
  margin: 0 0 4px 0;
  color: #f58220;
  font-size: 1.11rem;
}
.district-box p {
  margin: 0;
  color: #444;
  font-size: 1.05rem;
}
.district-box img {
  float: left;
  margin: 0 13px 6px 0;
  border-radius: 7px;
}

.mahalle-listesi {
  columns: 2;
  max-width: 500px;
  margin: 15px 0 13px 0;
  padding-left: 22px;
  font-size: 1.07rem;
}
@media (max-width:600px) {
  .mahalle-listesi { columns: 1; padding-left: 14px; font-size: 1.07rem;}
}
@media (max-width: 768px) {
  .main-menu + .main-menu {
    display: none !important;
  }
}
.hero span {
  color: #111; /* daha koyu yazı */
}
body {
  color: #111;
}
.cta-whatsapp, .cta-tel {
  box-shadow: 0 4px 12px #00000022;
}
.main-menu {
  position: sticky;
  top: 0;
  z-index: 100;
}