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;
  }
}

/* Hesap makinesi entegrasyonu */
.calculator-shell {
  border: 1px solid #e6e8ec;
  border-radius: 1.25rem;
  overflow: hidden;
}
.calc-header { gap: 1rem; margin-bottom: 1rem; }
.calc-title-h1 { margin: 0; font-size: 1.75rem; line-height: 1.25; font-weight: 700; color: #111827; }
.share-buttons { gap: .5rem; }
.share-btn { width: 42px; height: 42px; border: 1px solid #dde5ef; border-radius: .85rem; background: #f8fafc; color: #1f2937; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: background .2s ease, color .2s ease, border-color .2s ease; position: relative; overflow: hidden; }
.share-btn:hover, .share-btn:focus { background: #eef2f7; color: #111827; border-color: #cbd5e1; }
.share-btn svg { width: 18px; height: 18px; fill: currentColor; }
.share-btn .share-icon { display:flex; align-items:center; justify-content:center; width:18px; height:18px; }
.share-btn .share-icon-check { position:absolute; inset:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease; }
.share-btn .share-icon-copy { opacity:1; visibility:visible; transition:opacity .2s ease, visibility .2s ease; }
.share-btn.copied .share-icon-copy { opacity:0; visibility:hidden; }
.share-btn.copied .share-icon-check { opacity:1; visibility:visible; }
.share-btn.copied { background:#dcfce7; border-color:#86efac; color:#166534; }
.screen-wrap { background: linear-gradient(135deg, #181a1f, #22252c); padding: 1rem; border: 1px solid #0f172a; border-radius: 1rem; min-height: 104px; display:flex; flex-direction:column; justify-content:flex-end; margin-bottom: 1rem; }
.mini { min-height: 24px; font-size: .95rem; color: #a7b0be; text-align:right; word-break: break-all; }
.screen { min-height: 44px; font-size: 2.25rem; line-height:1.2; font-weight: 800; color:#fff; text-align:right; word-break: break-all; }
.keys { display:grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; }
.btn-calc { height: 62px; border: 1px solid #dde5ef; border-radius: .85rem; font-size: 1.35rem; font-weight: 800; background:#f8fafc; color:#111827; cursor:pointer; transition: transform .12s ease, box-shadow .12s ease, background .12s ease; }
.btn-calc:hover, .btn-calc:focus { background:#eef2f7; box-shadow: 0 .5rem 1rem #1118270f; }
.btn-calc:active { transform: translateY(1px); }
.btn-fn { background:#f1f5f9; color:#334155; }
.btn-op { background:#e0f2fe; color:#075985; }
.btn-eq { background:#181a1f; color:#fff; grid-column: span 2; }
.btn-zero { grid-column: span 2; }
.calc-content p, .calc-content li { color:#6c757d; line-height:1.75; }
.calc-content ul { margin-bottom:0; }
@media (max-width:480px) { .calc-header { align-items:flex-start !important; flex-direction:column; } .share-buttons { margin-left:0 !important; } .calc-title-h1 { font-size:1.45rem; } .screen { font-size:1.9rem; } .btn-calc { height:58px; } .share-btn { width:38px; height:38px; } }