/* =============================================================
   MOBILE OVERHAUL v4 — Kanonik Mobil/Tablet Responsive Katmanı
   =============================================================
   Bu dosya TÜM sayfalar için tek responsive override kaynağıdır.
   Son yüklenen CSS olmalıdır (responsive.css'den SONRA).
   
   Breakpoint'ler:
   - Genel güvenlik:   ≤ 1023.98px
   - Tablet:           768px — 991.98px
   - Mobil:            ≤ 767.98px
   - Küçük mobil:      ≤ 479.98px
   ============================================================= */

/* ═══════════════════════════════════════════════════════════════
   A. GENEL GÜVENLİK PRİMİTİFLERİ (≤ 1023.98px)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1023.98px) {
  html, body {
    overflow-x: hidden !important;
    overflow-x: clip !important;
    max-width: 100vw;
  }

  img, picture, video, svg, canvas, iframe {
    max-width: 100%;
    height: auto;
  }

  /* Tablolar mobilde horizontal scroll */
  .table-responsive-wrapper,
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Pre blokları taşmasın */
  pre, code {
    white-space: pre-wrap;
    word-break: break-word;
  }
}


/* ═══════════════════════════════════════════════════════════════
   B. TABLET BREAKPOINT (768px — 991.98px)
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 991.98px) {

  /* --- B1. Genel Layout --- */
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* --- B2. Typography Scaling --- */
  h1, .h1 { font-size: 1.75rem !important; }
  h2, .h2 { font-size: 1.5rem !important; }
  h3, .h3 { font-size: 1.25rem !important; }

  /* --- B3. İl Borsası — Tablet Grid: 2 sütun (tablet only) --- */
  .ilborsasi-page .ilb-city-grid .col-md-4,
  .ilborsasi-page .ilb-city-grid .city-card {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* --- B5. İlanlar — Tablet --- */
  .page-listings #listingsGrid > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .page-listings .listing-card-modern .card-body > .row {
    flex-direction: row !important;
  }

  /* --- B6. Footer — Tablet 2+2 layout --- */
  footer .row > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* --- B7. Cut Switch Tablet --- */
  .cut-switch-row {
    grid-template-columns: 1fr 1fr !important;
  }

  /* --- B8. Haberler Grid Tablet --- */
  .hb-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   C. MOBİL BREAKPOINT (≤ 767.98px) — ANA REFORMlar
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 767.98px) {

  /* ─────────────────────────────────────────────────
     C1. GENEL / BODY / LAYOUT
     ───────────────────────────────────────────────── */
  body {
    padding-bottom: 72px !important; /* Bottom-nav clearance */
    -webkit-text-size-adjust: 100%;
  }

  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Typography fluid scaling */
  h1, .h1 { font-size: 1.5rem !important; line-height: 1.25 !important; }
  h2, .h2 { font-size: 1.3rem !important; line-height: 1.3 !important; }
  h3, .h3 { font-size: 1.15rem !important; }
  h4, .h4 { font-size: 1.05rem !important; }
  h5, .h5 { font-size: 0.95rem !important; }
  h6, .h6 { font-size: 0.875rem !important; }

  /* Touch target minimum */
  .btn, button, [role="button"],
  input[type="submit"], input[type="button"],
  .form-control, .form-select {
    min-height: 44px;
  }

  /* Card normalization */
  .card {
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  }

  .card:hover {
    transform: none !important; /* Mobilde hover gereksiz */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  }

  .card-body {
    padding: 14px !important;
  }

  .card-header {
    padding: 12px 14px !important;
  }

  /* Form elemanları */
  .form-control, .form-select {
    font-size: 16px !important; /* iOS zoom'u engelle */
    border-radius: 12px !important;
    padding: 10px 14px !important;
  }
  .input-icon .form-control.phone-prefixed-input {
    padding-left: 110px !important;
  }
  /* Firma giriş inputları sol ikonlu — genel form-control padding'i ikonu ezmesin */
  .company-login-input {
    padding-left: 58px !important;
    padding-right: 48px !important;
  }

  /* Mobilde genel row gap düzeltmesi */
  .row.g-3 { --bs-gutter-x: 0.75rem !important; --bs-gutter-y: 0.75rem !important; }
  .row.g-4 { --bs-gutter-x: 0.75rem !important; --bs-gutter-y: 1rem !important; }

  /* Breadcrumb */
  .breadcrumb {
    font-size: 0.8rem !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .breadcrumb::-webkit-scrollbar { display: none; }

  /* Alert/badge küçültme */
  .badge {
    font-size: 0.7rem !important;
    padding: 4px 8px !important;
  }

  /* Display headings küçültme */
  .display-1, .display-2, .display-3, .display-4 {
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
  }
  .display-5, .display-6 { font-size: 1.8rem !important; }
  .lead { font-size: 0.95rem !important; line-height: 1.5 !important; }

  /* Genel submit butonları full-width */
  form button[type="submit"]:not(.btn-sm):not(.hb-search-btn):not(.filter-modal-apply) {
    width: 100% !important;
  }

  /* ─────────────────────────────────────────────────
     C2. HEADER / NAVBAR
     ───────────────────────────────────────────────── */
  .navbar-custom {
    padding: 8px 12px !important;
  }

  .navbar-custom .navbar-brand img {
    max-height: 32px !important;
  }

  /* Marquee mobilde gizle */
  .marquee-provinces-section {
    display: none !important;
  }

  /* Desktop arama alanı gizle (mobilde bottom-nav veya hamburger menüden erişilir) */
  .header-desktop-search-shell {
    padding: 8px 12px !important;
  }

  /* C3 anasayfa kuralları → public/css/homepage-mobile.css */

  /* ─────────────────────────────────────────────────
     C4. İL BORSASI (/ilborsasi)
     ───────────────────────────────────────────────── */
  .ilborsasi-page .page-header {
    padding: 16px 0 !important;
  }

  .ilborsasi-page .ilb-hero-shell {
    padding: 0 !important;
  }

  .ilborsasi-page .ilb-header-title-text {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
  }

  .ilborsasi-page .ilb-hero-kicker {
    font-size: 0.65rem !important;
    margin-bottom: 8px !important;
  }

  /* Cut switch — ilborsası */
  .ilborsasi-page .cut-switch-shell {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .ilborsasi-page .cut-switch-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .ilborsasi-page .cut-switch-chip {
    min-height: 54px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 0.82rem !important;
  }

  .ilborsasi-page .cut-switch-chip-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .ilborsasi-page .cut-switch-chip-label {
    font-size: 0.78rem !important;
  }

  .ilborsasi-page .cut-switch-chip-indicator {
    display: none !important;
  }

  /* Sticky controls — navbar altına sabitlenir (premium-mobile ile aynı offset) */
  .ilborsasi-page .ilb-sticky-controls {
    top: 62px !important;
  }

  .ilborsasi-page .ilb-page-cut-switch {
    padding: 8px 0 !important;
  }

  /* City grid — MOBİLDE TAM GENİŞLİK (tablet'te 2 sütun, mobilde 1 sütun) */
  .ilborsasi-page .ilb-city-grid .col-md-4,
  .ilborsasi-page .ilb-city-grid .city-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .ilborsasi-page .ilb-city-grid .col-md-4 .card-body,
  .ilborsasi-page .ilb-city-grid .city-card .card-body {
    padding: 12px !important;
  }

  .ilborsasi-page .ilb-city-name {
    font-size: 1.1rem !important;
  }

  .ilborsasi-page .ilb-company-name,
  .ilborsasi-page .ilb-company-name-fixed {
    font-size: 0.82rem !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
  }

  .ilborsasi-page .ilb-price-text {
    font-size: 1.35rem !important;
  }

  .ilborsasi-page .ilb-card-cta {
    font-size: 0.82rem !important;
    padding: 10px 14px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .ilborsasi-page .ilb-card-update-row {
    font-size: 0.68rem !important;
  }

  /* Search bar */
  .ilborsasi-page .ilb-city-search__input {
    font-size: 16px !important; /* iOS zoom engelle */
    min-height: 44px !important;
  }

  /* Toolbar */
  .ilborsasi-page .ilb-toolbar-head {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .ilborsasi-page .ilb-quick-access-title {
    font-size: 0.92rem !important;
  }

  /* Quick access cards — gizle veya kompakt */
  .ilborsasi-page .quick-access-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.3rem !important;
  }

  .ilborsasi-page .quick-city-card {
    padding: 0.4rem 0.25rem !important;
    min-height: 52px !important;
  }

  .ilborsasi-page .quick-city-card .city-name {
    font-size: 0.62rem !important;
  }

  /* Secondary company row */
  .ilborsasi-page .ilb-company-secondary-row {
    font-size: 0.68rem !important;
  }

  .ilborsasi-page .ilb-badge-live-price {
    font-size: 0.6rem !important;
    padding: 3px 8px !important;
  }

  /* ─────────────────────────────────────────────────
     C5. İL BORSA DETAY (/ilborsasi/:slug)
     ───────────────────────────────────────────────── */
  .ilborsadetay-page .page-header,
  body[class*="ilborsadetay"] .page-header {
    padding: 14px 0 !important;
  }

  /* İstatistik kartları — 2 sütun */
  .ilborsadetay-page .stat-card-grid,
  body[class*="ilborsadetay"] .stat-card-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  /* Firma kartları — tek sütun */
  .ilborsadetay-page .company-card-grid .col-md-6,
  body[class*="ilborsadetay"] .company-card-grid .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* ─────────────────────────────────────────────────
     C6. İLANLAR (/ilanlar) — listings-market-page
     ───────────────────────────────────────────────── */
  .listings-market-page .listings-hero {
    padding: 16px 0 !important;
  }

  .listings-market-page .listings-hero-title {
    font-size: 1.35rem !important;
  }

  /* Filter toggle — modern */
  .listings-market-page .listings-mobile-filter-toggle {
    display: flex !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
  }

  /* Filter panel — tam ekran sade sheet (mobil, mobil app gibi) */
  .listings-market-page .listings-mobile-filter-shell.is-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1050 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .listings-market-page .listings-mobile-filter-panel.is-open {
    width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }
  .listings-market-page .listings-mobile-filter-panel.is-open .filter-compact-header { display: none !important; }
  .listings-market-page .listings-mobile-filter-panel.is-open .filter-modal-header { flex: 0 0 auto !important; }
  .listings-market-page .listings-mobile-filter-panel.is-open > .p-3 { flex: 1 1 auto !important; overflow-y: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; }
  .listings-market-page .listings-mobile-filter-panel.is-open #filterForm { display: block !important; }
  .listings-market-page .listings-mobile-filter-panel.is-open .filter-section-compact { margin-top: 0 !important; }
  .listings-market-page .listings-mobile-filter-panel.is-open .filter-modal-footer { margin-top: auto !important; position: static !important; }

  .listings-market-page .filter-card-minimal {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Listings grid — tek sütun modern kartlar */
  .listings-market-page #listingsGrid {
    gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .listings-market-page #listingsGrid > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .listings-market-page #listingsGrid .listing-card-modern {
    border-radius: 18px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
  }

  .listings-market-page #listingsGrid .listing-card-modern .card-body {
    padding: 14px !important;
  }

  .listings-market-page #listingsGrid .listing-card-modern .card-body > .row {
    gap: 10px !important;
  }

  /* Listing image — mobilde daha geniş */
  .listings-market-page #listingsGrid .listing-image-container {
    min-height: 120px !important;
    max-height: 160px !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .listings-market-page #listingsGrid .listing-image {
    min-height: 120px !important;
    object-fit: cover !important;
  }

  /* Listing title */
  .listings-market-page #listingsGrid .listing-card-modern .card-title.listing-title,
  .listings-market-page #listingsGrid .listing-card-modern h5.listing-title {
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }

  /* Price */
  .listings-market-page #listingsGrid .listing-card-modern .price-dark {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
  }

  /* Meta text */
  .listings-market-page #listingsGrid .listing-card-modern .text-muted {
    font-size: 0.8rem !important;
  }

  .listings-market-page #listingsGrid .listing-card-modern .badge {
    font-size: 0.68rem !important;
    padding: 3px 7px !important;
  }

  /* CTA buttons */
  .listings-market-page #listingsGrid .listing-card-modern .btn-db-primary {
    width: 100% !important;
    font-size: 0.85rem !important;
    padding: 10px 16px !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  /* Listing meta pills — wrap */
  .listings-market-page .listing-meta-line {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .listings-market-page .listing-meta-pill {
    font-size: 0.75rem !important;
  }

  /* Toolbar — stack layout */
  .listings-market-page .listings-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .listings-market-page .listings-toolbar-actions {
    width: 100% !important;
    flex-direction: column !important;
  }

  .listings-market-page .listings-sort-form {
    width: 100% !important;
  }

  .listings-market-page .listings-sort-form .form-select {
    width: 100% !important;
    min-height: 46px !important;
  }

  .listings-market-page .listings-toolbar-actions .btn-db-primary {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Featured mobile scroll */
  .listings-market-page .featured-mobile-scroll {
    display: block !important;
  }

  .listings-market-page .featured-mobile-scroll-track {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }
  .listings-market-page .featured-mobile-scroll-track::-webkit-scrollbar { display: none; }

  .listings-market-page .featured-mobile-scroll-item {
    flex: 0 0 min(82vw, 280px) !important;
    scroll-snap-align: start !important;
  }

  /* Desktop featured container — gizle */
  .listings-market-page .featured-container.d-none.d-md-block {
    display: none !important;
  }

  /* Infinite scroll status */
  .listings-market-page .listings-infinite-status {
    padding: 16px !important;
    text-align: center !important;
  }

  /* Price column alignment */
  .listings-market-page #listingsGrid .col-md-4.text-md-end {
    text-align: left !important;
  }

  /* ─────────────────────────────────────────────────
     C7. İLAN DETAY (/ilan/:slug)
     ───────────────────────────────────────────────── */
  .listing-detail-page .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Header */
  .listing-detail-page .listing-detail-header__top {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .listing-detail-page .listing-detail-header__title {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
  }

  .listing-detail-page .listing-detail-header__submeta {
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 0.8rem !important;
  }

  .listing-detail-page .listing-detail-header__actions {
    display: flex !important;
    gap: 8px !important;
  }

  /* Showcase layout — single column */
  .listing-detail-page .listing-detail-showcase .row.g-4 {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 1rem !important;
  }

  .listing-detail-page .listing-detail-showcase .col-lg-7,
  .listing-detail-page .listing-detail-showcase .col-lg-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Media card */
  .listing-detail-page .listing-detail-media-card {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .listing-detail-page .listing-detail-carousel-inner {
    min-height: 220px !important;
    max-height: 320px !important;
  }

  .listing-detail-page .listing-detail-image {
    min-height: 220px !important;
    max-height: 320px !important;
    object-fit: cover !important;
  }

  /* Thumbnails — horizontal scroll */
  .listing-detail-page .listing-detail-thumbs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 8px 0 !important;
    scrollbar-width: none !important;
  }
  .listing-detail-page .listing-detail-thumbs::-webkit-scrollbar { display: none; }

  .listing-detail-page .listing-detail-thumb {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px !important;
  }

  /* Info panel */
  .listing-detail-page .ld-info-panel {
    border-radius: 16px !important;
  }

  .listing-detail-page .ld-price {
    font-size: 1.5rem !important;
  }

  /* Facts grid */
  .listing-detail-page .ld-facts-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  /* Seller */
  .listing-detail-page .ld-call-btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 0.95rem !important;
  }

  .listing-detail-page .ld-login-btn {
    width: 100% !important;
    text-align: center !important;
  }

  /* Similar listings */
  .listing-detail-page .listing-detail-similar-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .listing-detail-page .listing-detail-similar-card {
    border-radius: 14px !important;
    padding: 12px !important;
  }

  /* ─────────────────────────────────────────────────
     C8. HABERLER (/haberler)
     ───────────────────────────────────────────────── */
  .hb-hero {
    padding: 20px 0 16px !important;
  }

  .hb-hero-inner {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .hb-hero-title {
    font-size: 1.3rem !important;
  }

  .hb-hero-desc {
    font-size: 0.85rem !important;
    display: none !important; /* Mobilde kısa tutmak için */
  }

  .hb-stats-row {
    gap: 12px !important;
  }

  .hb-stat-num {
    font-size: 1.2rem !important;
  }

  /* Kategori bar — horizontal scroll */
  .hb-cat-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }
  .hb-cat-bar::-webkit-scrollbar { display: none; }

  .hb-cat-tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 0.78rem !important;
    padding: 8px 14px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
  }

  /* Search */
  .hb-search-wrap {
    border-radius: 14px !important;
  }

  .hb-search-input {
    font-size: 16px !important; /* iOS zoom engelle */
    min-height: 44px !important;
  }

  /* News grid — single column */
  .hb-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .hb-card {
    border-radius: 16px !important;
    padding: 16px !important;
  }

  .hb-card-title {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 3 !important;
  }

  .hb-card-excerpt {
    font-size: 0.82rem !important;
    -webkit-line-clamp: 2 !important;
  }

  .hb-card-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .hb-card-readmore {
    width: 100% !important;
    text-align: left !important;
  }

  /* Pagination */
  .hb-pagination {
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  .hb-page-btn, .hb-page-num {
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 0.82rem !important;
  }

  /* ─────────────────────────────────────────────────
     C9. HABER DETAY (/haber/:slug)
     ───────────────────────────────────────────────── */
  .haber-detay-page .hd-hero,
  body .hd-hero {
    padding: 16px 0 !important;
  }

  .haber-detay-page .hd-hero-title,
  body .hd-hero-title {
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
  }

  .haber-detay-page .hd-article-body,
  body .hd-article-body {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }

  .haber-detay-page .hd-article-body img,
  body .hd-article-body img {
    border-radius: 12px !important;
    margin: 16px 0 !important;
  }

  /* ─────────────────────────────────────────────────
     C10. İLETİŞİM (/iletisim)
     ───────────────────────────────────────────────── */
  .contact-form .row > [class*="col-md"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* ─────────────────────────────────────────────────
     C11. FİRMA DETAY (/firmadetay/:slug)
     ───────────────────────────────────────────────── */
  .firma-detay-page .firma-info-section .row > [class*="col-"],
  body[class*="firma-detay"] .firma-info-section .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Price table horizontal scroll */
  .firma-detay-page .price-history-table,
  body[class*="firma-detay"] .price-history-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* ─────────────────────────────────────────────────
     C12. KURUMSAL (/kurumsal)
     ───────────────────────────────────────────────── */
  .kurumsal-page .kurumsal-grid .col-md-4,
  .kurumsal-page .kurumsal-grid .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .kurumsal-page .kurumsal-hero-title {
    font-size: 1.3rem !important;
  }

  /* ─────────────────────────────────────────────────
     C13. AUTH SAYFALARI (/auth/*)
     ───────────────────────────────────────────────── */
  .auth-page .auth-container,
  .auth-page .auth-card,
  body[class*="auth"] .auth-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    border-radius: 0 !important;
  }

  .auth-page .auth-side-panel,
  body[class*="auth"] .auth-side-panel {
    display: none !important;
  }

  .auth-page .auth-form .form-control,
  body[class*="auth"] .auth-form .form-control {
    font-size: 16px !important;
    min-height: 48px !important;
  }

  /* ─────────────────────────────────────────────────
     C14. FİRMA PANELİ (/firma/*)
     ───────────────────────────────────────────────── */
  .firma-panel .sidebar,
  .firma-panel .panel-sidebar {
    position: fixed !important;
    left: -280px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 280px !important;
    z-index: 1060 !important;
    transition: left 0.3s ease !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15) !important;
  }

  .firma-panel .sidebar.is-open,
  .firma-panel .panel-sidebar.is-open {
    left: 0 !important;
  }

  .firma-panel .panel-content {
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* Stats grid */
  .firma-panel .stats-grid .col-md-3,
  .firma-panel .stats-grid .col-md-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* ─────────────────────────────────────────────────
     C15. ÜYE PANELİ (/uye/*)
     ───────────────────────────────────────────────── */
  .uye-panel-page .uye-sidebar,
  body[class*="uye-panel"] .uye-sidebar {
    position: static !important;
    width: 100% !important;
    margin-bottom: 16px !important;
  }

  .uye-panel-page .uye-content,
  body[class*="uye-panel"] .uye-content {
    width: 100% !important;
  }

  /* İlanlarım kartları */
  .uye-panel-page .ilan-card .col-md-3,
  .uye-panel-page .ilan-card .col-md-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* ─────────────────────────────────────────────────
     C16. FOOTER
     ───────────────────────────────────────────────── */
  footer {
    padding-bottom: 80px !important; /* Bottom-nav clearance */
  }

  footer .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    text-align: left !important;
  }

  footer h5, footer .h5 {
    font-size: 0.92rem !important;
    margin-bottom: 10px !important;
  }

  footer li, footer a, footer p {
    font-size: 0.82rem !important;
  }

  footer .footer-bottom,
  footer .copyright {
    font-size: 0.75rem !important;
    text-align: center !important;
  }

  /* Footer brand/download card */
  footer .footer-brand-card,
  footer .store-download-row {
    flex-direction: column !important;
    gap: 8px !important;
  }

  footer .store-download-row a,
  footer .store-download-row .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* ─────────────────────────────────────────────────
     C17. BOTTOM NAVIGATION
     ───────────────────────────────────────────────── */
  .bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1040 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
  }

  .bottom-nav__inner {
    padding: 6px 0 !important;
  }

  .bottom-nav__label {
    font-size: 0.62rem !important;
  }

  .bottom-nav__icon {
    font-size: 1.15rem !important;
  }

  /* ─────────────────────────────────────────────────
     C18. MODALS — Mobilde bottom sheet / lightbox
     ───────────────────────────────────────────────── */

  /* Büyük modal'lar mobilde tam genişlik ama tam ekran değil */
  .modal-dialog:not(.modal-sm) {
    margin: 8px auto !important;
    max-width: calc(100vw - 16px) !important;
  }

  /* Bottom sheet style modals */
  .modal-dialog-bottom,
  .modal-dialog.modal-sheet {
    margin: 0 auto !important;
    align-self: flex-end !important;
    max-width: 100% !important;
    max-height: 90vh !important;
  }

  .modal-dialog-bottom .modal-content,
  .modal-dialog.modal-sheet .modal-content {
    border-radius: 24px 24px 0 0 !important;
    min-height: auto !important;
  }

  /* Lightbox modal - tüm ekran */
  .listing-gallery-modal .modal-dialog {
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 100vh !important;
  }

  .listing-gallery-modal .modal-content {
    background: rgba(0, 0, 0, 0.95) !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
  }

  .listing-gallery-modal .listing-gallery-modal__frame img {
    max-height: 80vh !important;
    object-fit: contain !important;
  }

  /* ─────────────────────────────────────────────────
     C19. PAGİNASYON — GENEL
     ───────────────────────────────────────────────── */
  .pagination-modern a,
  .pagination-modern span.pagination-nav {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    font-size: 0.82rem !important;
    border-radius: 10px !important;
  }

  .pagination-modern {
    gap: 5px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* ─────────────────────────────────────────────────
     C20. REKLAM ALANI
     ───────────────────────────────────────────────── */
  .advertisement-section {
    aspect-ratio: auto !important;
    min-height: 80px !important;
    border-radius: 12px !important;
  }

  /* ─────────────────────────────────────────────────
     C21. HATA / 404 / BAKIM SAYFALARI
     ───────────────────────────────────────────────── */
  .error-page, .not-found-page, .maintenance-page {
    padding: 24px 14px !important;
  }

  /* ─────────────────────────────────────────────────
     C22. GENEL UI BİLEŞENLERİ
     ───────────────────────────────────────────────── */
  /* Filtreleme paneli — sticky kaldır */
  .filter-panel-unified {
    position: static !important;
    margin-bottom: 16px !important;
  }

  .btn-primary-unified,
  .btn-secondary-unified,
  .btn-outline-unified,
  .btn-reset-unified,
  .btn-danger-unified {
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
  }

  /* Scroll down indicator gizle */
  .scroll-down-indicator {
    display: none !important;
  }

  /* Quick access butonları */
  .quick-access-btn-listings,
  .quick-access-btn-borsa {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 0.92rem !important;
    border-radius: 14px !important;
  }

  .quick-access-btn-listings span,
  .quick-access-btn-borsa span {
    font-size: 0.92rem !important;
  }

  /* İl bazlı firmalar */
  .provinces-companies-title {
    font-size: 1.15rem !important;
  }

  .view-all-cities-btn {
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    padding: 12px 18px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   D. KÜÇÜK MOBİL (≤ 479.98px)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 479.98px) {

  /* Ekstra kompakt padding */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Typography — bir kademe daha küçük */
  h1, .h1 { font-size: 1.3rem !important; }
  h2, .h2 { font-size: 1.15rem !important; }
  h3, .h3 { font-size: 1.05rem !important; }

  /* İl borsası — city grid */
  .ilborsasi-page .ilb-city-grid .city-card .card-body {
    padding: 8px !important;
  }

  .ilborsasi-page .ilb-city-name {
    font-size: 0.82rem !important;
  }

  .ilborsasi-page .ilb-price-text {
    font-size: 0.95rem !important;
  }

  .ilborsasi-page .ilb-company-name,
  .ilborsasi-page .ilb-company-name-fixed {
    font-size: 0.65rem !important;
  }

  .ilborsasi-page .ilb-card-cta {
    font-size: 0.65rem !important;
    padding: 6px 8px !important;
  }

  /* Quick access cards — 2 sütun */
  .ilborsasi-page .quick-access-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* İlanlar — listing kartları daha kompakt */
  .listings-market-page #listingsGrid .listing-card-modern .card-body {
    padding: 12px !important;
  }

  .listings-market-page #listingsGrid .listing-image-container {
    min-height: 100px !important;
    max-height: 140px !important;
  }

  .listings-market-page #listingsGrid .listing-card-modern .card-title.listing-title {
    font-size: 0.88rem !important;
  }

  /* Listing detail */
  .listing-detail-page .listing-detail-header__title {
    font-size: 1.1rem !important;
  }

  .listing-detail-page .listing-detail-carousel-inner {
    min-height: 180px !important;
    max-height: 260px !important;
  }

  .listing-detail-page .ld-price {
    font-size: 1.3rem !important;
  }

  /* Featured scroll */
  .listings-market-page .featured-mobile-scroll-item {
    flex-basis: min(88vw, 260px) !important;
  }

  /* Haberler hero */
  .hb-hero-title {
    font-size: 1.15rem !important;
  }

  .hb-hero-icon {
    display: none !important;
  }

  /* Bottom nav — icon only */
  .bottom-nav__label {
    font-size: 0.55rem !important;
  }

  /* Listings filter toggle */
  .listings-market-page .listings-mobile-filter-toggle {
    padding: 10px 12px !important;
    border-radius: 14px !important;
  }

  /* Carousel arrows gizle */
  .page-listings .featured-carousel-prev,
  .page-listings .featured-carousel-next {
    display: none !important;
  }

  /* Listing detail — thumbnail strip */
  .listing-detail-page .listing-detail-thumb {
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   E. PERFORMANS & AKSESUAR
   ═══════════════════════════════════════════════════════════════ */

/* Reduce motion — erişilebilirlik */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Print — bottom-nav gizle */
@media print {
  .bottom-nav,
  .navbar-custom,
  .marquee-provinces-section {
    display: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}