/* ---------- Mobil ---------- */
@media (max-width: 760px) {
  body { font-size: 14px; }

  /* Başlık */
  .topbar-inner { justify-content: center; }
  .topbar-inner span:first-child { display: none; }
  .masthead-inner { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 0; }
  .brand { gap: 12px; }
  .emblem { width: 40px; height: 45px; }
  .brand-org { font-size: .66rem; letter-spacing: 1.2px; }
  .brand-title { font-size: 1.25rem; }
  .masthead-search { width: 100%; }
  .masthead-right { flex-direction: column; align-items: stretch; gap: 10px; }
  .contact-btn { justify-content: center; padding: 8px 12px; }
  .contact-text { flex-direction: row; align-items: baseline; gap: 6px; }
  .contact-text small { font-size: .64rem; }
  .contact-text strong { font-size: .84rem; }
  .footer-brand { flex-direction: column; gap: 8px; }
  .masthead-search input { font-size: 16px; padding: 11px 42px 11px 14px; } /* iOS yakınlaştırmasını önler */
  .mainnav a { padding: 11px 16px; font-size: .78rem; flex: 1; text-align: center; }

  /* Sayfa başlığı */
  .pagehead { padding: 20px 0 58px; }
  .breadcrumb { font-size: .74rem; margin-bottom: 6px; }
  .pagehead h1 { font-size: 1.45rem; }
  .pagehead p { font-size: .86rem; }

  /* İstatistikler: yatay kaydırmalı şerit */
  .stats {
    display: flex; overflow-x: auto; gap: 10px; margin-top: -40px;
    scroll-snap-type: x mandatory; padding: 2px 4% 8px; width: 100%;
    scrollbar-width: none;
  }
  .stat { flex: 0 0 132px; scroll-snap-align: start; padding: 12px 14px; }
  .stat-label { font-size: .64rem; letter-spacing: .6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .stat-value { font-size: 1.4rem; }

  /* Araç çubuğu */
  .toolbar { padding: 8px; margin-top: 16px; gap: 8px; }
  .segmented {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    margin: 0 -8px; padding: 0 8px; scroll-snap-type: x proximity;
  }
  .seg { flex-shrink: 0; white-space: nowrap; padding: 9px 12px; font-size: .8rem; scroll-snap-align: start; }
  .toolbar-right { gap: 8px; flex-wrap: nowrap; }
  .toolbar select { font-size: 16px; padding: 9px 10px; min-width: 0; width: 50%; }
  .result-info { font-size: .78rem; margin: 14px 0 10px; }

  /* Kartlar: 2 sütun */
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .photo .rec { top: 6px; left: 6px; font-size: .6rem; padding: 2px 6px; }
  .photo::after { height: 4px; }
  .card-body { padding: 10px 10px 4px; }
  .card-body h3 { font-size: .82rem; letter-spacing: .2px; word-break: break-word; }
  .meta { margin-top: 6px; font-size: .74rem; }
  .meta li { flex-direction: column; gap: 0; padding: 4px 0; }
  .meta b { text-align: left; }
  .card-foot { padding: 6px 10px 10px; }
  .btn-detail { font-size: .66rem; padding: 8px 4px; letter-spacing: .3px; }

  /* Sayfalama */
  .pagination { gap: 4px; margin: 22px 0 36px; }
  .pagination button { min-width: 40px; height: 40px; padding: 0 8px; }
  .pg-text { display: none; }

  /* Hakkında & alt bilgi */
  .about { padding: 32px 0; }
  .about h2 { font-size: 1.2rem; }
  .footer-inner { flex-direction: column; gap: 14px; padding: 28px 0; text-align: center; align-items: center; }
  .footer-bottom { text-align: center; padding-bottom: calc(12px + env(safe-area-inset-bottom)); }

  /* Detay: alttan açılan tam ekran panel */
  .modal { padding: 0; place-items: end stretch; }
  .modal-box {
    max-width: none; max-height: 94vh; max-height: 94dvh;
    border-radius: 14px 14px 0 0; animation: sheet .25s ease-out;
  }
  .modal-head { padding: 6px 8px 6px 16px; }
  .modal-close { width: 44px; height: 44px; font-size: 2rem; }
  .modal-content { grid-template-columns: 1fr; }
  .modal-photo { aspect-ratio: auto; height: min(48vh, 360px); }
  .modal-body { padding: 18px 18px calc(26px + env(safe-area-inset-bottom)); }
  .modal-body h2 { font-size: 1.2rem; margin: 10px 0 12px; }
  .fields div { grid-template-columns: 96px 1fr; font-size: .84rem; }
  .fields dt, .fields dd { padding: 8px 10px; }

  .to-top { right: 14px; width: 44px; height: 44px; }
}

/* Çok dar ekranlar */
@media (max-width: 360px) {
  .grid { gap: 8px; }
  .card-body h3 { font-size: .76rem; }
  .btn-detail { font-size: .66rem; }
  .bd-ext { display: none; }
}

@keyframes sheet { from { transform: translateY(100%); } }