/* 25e2 Medya — bölge (Ankara / Eskişehir) sayfaları
   Bağımsız stil dosyası: Webflow sınıflarına ve animasyon JS'ine bağlı değildir. */

*, *::before, *::after { box-sizing: border-box; }

.bolge-body {
  margin: 0;
  background-color: #121212;
  color: #e6e6e6;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.bolge-body a { color: inherit; }

/* --- Header --- */
.bolge-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1.5rem 5vw;
  border-bottom: 1px solid #232323;
}
.bolge-logo img { display: block; height: 32px; width: auto; }
.bolge-nav { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.bolge-nav a {
  color: #bdbdbd;
  text-decoration: none;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: -.01em;
  transition: color .25s ease;
}
.bolge-nav a:hover { color: #fff; }
.bolge-nav .bolge-nav-cta {
  color: #121212;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: .5rem 1.4rem;
  transition: background-color .3s ease, color .3s ease;
}
.bolge-nav .bolge-nav-cta:hover { background-color: transparent; color: #fff; }

/* --- Breadcrumb --- */
.bolge-breadcrumb {
  padding: 1.25rem 5vw 0;
  font-size: .85rem;
  color: #7d7d7d;
}
.bolge-breadcrumb a { color: #7d7d7d; text-decoration: none; }
.bolge-breadcrumb a:hover { color: #fff; }
.bolge-breadcrumb span { color: #bdbdbd; }

/* --- Hero --- */
.bolge-hero { padding: 4rem 5vw 5rem; max-width: 1280px; }
.bolge-kicker {
  margin: 0 0 1.25rem;
  color: #7d7d7d;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: .85rem;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.bolge-hero h1 {
  margin: 0 0 1.75rem;
  color: #fff;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: clamp(2.4rem, 6vw, 5.5rem);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -.03em;
}
.bolge-lead {
  margin: 0;
  max-width: 68ch;
  color: #bdbdbd;
  font-size: clamp(1.02rem, 1.3vw, 1.2rem);
  line-height: 1.75;
}
.bolge-cta-row { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2.5rem; }
.bolge-btn {
  display: inline-flex;
  align-items: center;
  padding: .9rem 2rem;
  border: 1px solid #fff;
  border-radius: 100px;
  background-color: #fff;
  color: #121212;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: .95rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s ease, color .3s ease;
}
.bolge-btn:hover { background-color: transparent; color: #fff; }
.bolge-btn.ghost { background-color: transparent; color: #fff; border-color: #3a3a3a; }
.bolge-btn.ghost:hover { border-color: #fff; }

/* --- Bölümler --- */
.bolge-section { padding: 4.5rem 5vw; max-width: 1280px; }
.bolge-section.alt {
  max-width: none;
  background-color: #171717;
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
}
.bolge-section.alt > * { max-width: 1280px; }
.bolge-section h2 {
  margin: 0 0 1.5rem;
  color: #fff;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.bolge-section p { max-width: 74ch; margin: 0 0 1.1rem; color: #bdbdbd; }
.bolge-section p strong { color: #fff; font-weight: 600; }
.bolge-section a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bolge-section a:hover { color: #bdbdbd; }

/* --- Hizmet kartları --- */
.bolge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.15rem;
  margin-top: 2.75rem;
}
.bolge-card {
  padding: 1.75rem;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  background-color: #191919;
  transition: border-color .3s ease, transform .3s ease;
}
.bolge-card:hover { border-color: #4d4d4d; transform: translateY(-3px); }
.bolge-card h3 {
  margin: 0 0 .6rem;
  color: #fff;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}
.bolge-card p { margin: 0; color: #a5a5a5; font-size: .95rem; line-height: 1.65; }

/* --- Referanslar --- */
.bolge-refs { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.bolge-ref {
  display: block;
  padding: 1.4rem 1.6rem;
  border: 1px solid #2a2a2a;
  border-left: 3px solid #4d4d4d;
  border-radius: 10px;
  background-color: #191919;
  text-decoration: none;
  transition: border-left-color .3s ease, background-color .3s ease;
}
.bolge-ref:hover { border-left-color: #fff; background-color: #1f1f1f; }
.bolge-ref strong {
  display: block;
  color: #fff;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
}
.bolge-ref em { display: block; margin-top: .35rem; color: #a5a5a5; font-size: .9rem; font-style: normal; }
.bolge-ref span { display: inline-block; margin-top: .7rem; color: #7d7d7d; font-size: .82rem; }
.bolge-ref:hover span { color: #bdbdbd; }

/* --- Süreç adımları --- */
.bolge-steps { max-width: 74ch; margin: 2rem 0 0; padding-left: 1.2rem; color: #bdbdbd; }
.bolge-steps li { margin-bottom: 1rem; padding-left: .4rem; }
.bolge-steps strong { color: #fff; font-weight: 600; }

/* --- SSS --- */
.bolge-faq { max-width: 82ch; margin-top: 2rem; }
.bolge-faq details {
  border-bottom: 1px solid #2a2a2a;
  padding: 1.1rem 0;
}
.bolge-faq summary {
  cursor: pointer;
  color: #fff;
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.4;
  list-style: none;
}
.bolge-faq summary::-webkit-details-marker { display: none; }
.bolge-faq summary::after { content: "+"; float: right; color: #7d7d7d; font-weight: 400; }
.bolge-faq details[open] summary::after { content: "–"; }
.bolge-faq details p { margin: .9rem 0 0; color: #a5a5a5; }

/* --- İletişim --- */
.bolge-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: 2rem;
  font-style: normal;
}
.bolge-contact p { margin: 0; color: #bdbdbd; }
.bolge-crosslink { margin-top: 2.5rem; font-size: .95rem; color: #7d7d7d; }

/* --- Footer --- */
.bolge-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 2.5rem 5vw;
  border-top: 1px solid #232323;
  color: #7d7d7d;
  font-size: .9rem;
}
.bolge-footer p { margin: 0; }
.bolge-footer a { color: #bdbdbd; text-decoration: none; }
.bolge-footer a:hover { color: #fff; }

@media (max-width: 809px) {
  .bolge-header { padding: 1.1rem 6vw; }
  .bolge-nav { gap: 1rem; font-size: .9rem; }
  .bolge-breadcrumb { padding: 1rem 6vw 0; }
  .bolge-hero { padding: 2.5rem 6vw 3.5rem; }
  .bolge-section { padding: 3.25rem 6vw; }
  .bolge-contact { gap: 1.75rem; }
}