body {
  min-height: 100vh;
  background: #f4f6f8;
  color: #212529;
}

.site-header {
  width: 100%;
  background: linear-gradient(135deg, #181a1f, #22252c);
  color: #fff;
}

.site-title {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: .2px;
  margin: 0;
  line-height: 1.2;
  color: #ffffffc7;
}

.navbar-toggler {
  border-color: #ffffff40;
  box-shadow: none !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.header-menu {
  gap: .5rem;
}

.header-menu .nav-link {
  color: #ffffffc7;
  font-weight: 500;
  padding-left: .85rem;
  padding-right: .85rem;
  border-radius: .65rem;
}

.header-menu .nav-link:hover,
.header-menu .nav-link:focus {
  color: #fff;
  background: #ffffff14;
}

.hero-card {
  border: 1px solid #e6e8ec;
  border-radius: 1.25rem;
  overflow: hidden;
}

.hero-card-header {
  background: #fff;
  border-bottom: 1px solid #e6e8ec;
}

.form-select,
.alert,
.postal-card,
.about-card,
.content-card {
  border-radius: .85rem;
}

.postal-code-badge {
  font-size: 1.45rem;
  letter-spacing: .5px;
  color: #111827;
}

.place-list {
  max-height: 240px;
  overflow-y: auto;
}

.place-list li {
  margin-bottom: .25rem;
}

.postal-card {
  border: 1px solid #e6e8ec;
  background: #fff;
  transition: transform .15s ease, box-shadow .15s ease;
}

.postal-card:hover {
  box-shadow: 0 .75rem 1.5rem #11182714;
}

.about-card {
  border: 1px solid #e6e8ec;
}

.content-card {
  border: 1px solid #e6e8ec;
}

.breadcrumb-nav {
  --bs-breadcrumb-divider-color: #6c757d;
  font-size: .925rem;
}

.breadcrumb-nav a {
  color: #495057;
  text-decoration: none;
}

.breadcrumb-nav a:hover,
.breadcrumb-nav a:focus {
  color: #111827;
  text-decoration: underline;
}

.accordion-button {
  font-weight: 600;
}

.accordion-button:focus {
  box-shadow: none;
}

.site-footer {
  width: 100%;
  background: #181a1f;
  color: #ffffffb8;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-links a {
  color: #ffffffc7;
  text-decoration: none;
  font-size: .925rem;
}

.footer-links a:hover,
.footer-links a:focus {
  color: #fff;
  text-decoration: underline;
}

.form-select-lg {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  .header-navbar-row {
    flex-wrap: wrap;
  }

  .site-logo {
    flex: 0 0 auto;
  }

  .site-title {
    flex: 1 1 auto;
    min-width: 0;
  }

  .navbar-toggler {
    flex: 0 0 auto;
  }

  .navbar-collapse {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 1rem;
    padding: .75rem;
    background: #ffffff0f;
    border: 1px solid #ffffff1a;
    border-radius: 1rem;
  }

  .header-menu {
    width: 100%;
  }

  .header-menu .nav-link {
    padding: .75rem .85rem;
  }
}

/* TürkiyeHaritası content adapted to the D9 visual system */
html{scroll-behavior:smooth}
a{transition:.15s ease}
.brand-title{font-size:1.35rem;font-weight:700;letter-spacing:.2px;margin:0;line-height:1.2;color:#ffffffc7}.brand-subtitle{display:none}.harita-1{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.harita-1 svg{width:48px;height:48px}.harita-1 svg rect:first-child{fill:#fff}.top-nav{display:none}.d-flex.flex-column.min-vh-100{min-height:100vh}.hero-section{width:100%;padding:3rem 0 0;background:#f4f6f8}.hero-maps-area{width:100%}.hero-maps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:stretch}.map-item{width:100%}.map-card-box{background:#fff;border:1px solid #e6e8ec;border-radius:.85rem;padding:1rem;text-align:center;height:100%;transition:transform .15s ease,box-shadow .15s ease}.map-card-box:hover{box-shadow:0 .75rem 1.5rem #11182714}.map-grid-image{display:block;width:100%;height:auto;cursor:zoom-in;background:#fff;margin:0 auto 1rem;border-radius:.65rem}.map-title{margin:0;font-size:1.25rem;line-height:1.35;color:#111827;font-weight:700}.section-box{background:#fff;border:1px solid #e6e8ec;border-radius:1.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.5rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#212529;text-align:left;letter-spacing:0}.section-box p{color:#6c757d;line-height:1.75;margin-bottom:1rem}.section-box p:last-child{margin-bottom:0}.faq-item + .faq-item{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e6e8ec}.faq-item h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#212529;letter-spacing:0}.faq-item p{margin:0;color:#6c757d}.harita-section-title{padding:1.25rem 0 .75rem;font-size:1.35rem;color:#212529;font-weight:700;letter-spacing:0}.makale-resim{max-width:100%;width:100%;border-radius:.85rem;border:1px solid #e6e8ec}.footer-brand{font-weight:400;color:#ffffffb8}.footer-links a{margin-left:0}.lightbox{position:fixed;inset:0;z-index:9999;display:none}.lightbox.is-active{display:flex;align-items:center;justify-content:center}.lightbox-backdrop{position:absolute;inset:0;background:#080f1cd6}.lightbox-dialog{position:relative;z-index:2;width:calc(100% - 24px);max-width:1200px;max-height:calc(100vh - 24px);overflow:auto;background:#fff;padding:1rem;box-shadow:0 24px 80px #00000059;border-radius:1rem}.lightbox-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:.65rem;background:#181a1f;color:#fff;font-size:30px;line-height:1;cursor:pointer}.lightbox-image-wrap{padding-top:40px;text-align:center}.lightbox-image-wrap img{display:inline-block;max-width:100%;max-height:72vh;width:auto;height:auto}.lightbox-actions{margin-top:18px;text-align:center}.download-map-btn{display:inline-block;padding:12px 24px;background:#181a1f;color:#fff;text-decoration:none;font-weight:700;border:1px solid #181a1f;border-radius:.65rem}.download-map-btn:hover{background:#22252c;border-color:#22252c;color:#fff}body.lightbox-open{overflow:hidden}.install-button-pwa{background:#181a1f;color:#fff!important;border-radius:.65rem}
@media (max-width: 767.98px){.hero-section{padding:2rem 0 0}.hero-maps-grid{grid-template-columns:1fr;gap:1rem}.map-title{font-size:1.1rem}.section-box{padding:1.25rem}.lightbox-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:.75rem}.lightbox-image-wrap{padding-top:48px}.download-map-btn{width:100%}}
.hero-section > .container,
main > section.container {
  max-width: 960px;
}
@media (min-width: 1200px) {
  .hero-section > .container,
  main > section.container {
    max-width: 950px;
  }
}

.site-header .container {
  max-width: 960px;
}
.site-header .col-xl-10 {
  flex: 0 0 100%;
  max-width: 100%;
}
.usage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.usage-card {
  border: 1px solid #e6e8ec;
  border-radius: .85rem;
  padding: 1rem;
  background: #f8f9fa;
}
.usage-card h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: .5rem;
}
.usage-card p {
  margin: 0;
  color: #6c757d;
  line-height: 1.65;
}
@media (min-width: 1200px) {
  .site-header .container {
    max-width: 950px;
  }
}
@media (max-width: 767.98px) {
  .usage-grid {
    grid-template-columns: 1fr;
  }
}