/* ============================================================
   AKAY LIME — RESPONSIVE + BOTTOM NAV
   ============================================================ */

/* Masaüstünde bottom nav gizle */
.bottom-nav,
.bottom-more-panel,
.bottom-more-overlay { display: none !important; }

/* ============================================================
   MOBİL: max-width 1100px
   ============================================================ */
@media (max-width: 1100px) {
  :root { --kenar-bosluk: 32px; }

  /* Üst menü gizle */
  .nav-menu  { display: none !important; }
  .nav-right { display: none !important; }

  /* Sayfa alt boşluğu — bottom nav kadar */
  body { padding-bottom: 60px !important; }

  /* ---- BOTTOM NAV ---- */
  .bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px;
    background: #111111;
    border-top: 1px solid rgba(255,255,255,0.12);
    z-index: 9999 !important;
    align-items: stretch;
    /* transform yok, translate yok — saf fixed */
    transform: none !important;
    -webkit-transform: none !important;
  }

  .bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 4px;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Inter', sans-serif;
  }
  .bottom-nav-item.aktif { color: #c9a84c; }
  .bottom-nav-ikon { font-size: 1.3rem; line-height: 1; display: block; }

  /* More panel */
  .bottom-more-panel {
    position: fixed !important;
    bottom: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #1a1a1a;
    border-top: 1px solid rgba(255,255,255,0.1);
    z-index: 9998 !important;
    transform: none !important;
    display: none !important;
  }
  .bottom-more-panel.acik {
    display: block !important;
  }

  .bottom-more-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    -webkit-tap-highlight-color: transparent;
  }
  .bottom-more-link:last-child { border-bottom: none; }
  .bottom-more-ikon { font-size: 1.2rem; width: 28px; text-align: center; }

  /* Overlay */
  .bottom-more-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 60px !important;
    background: rgba(0,0,0,0.5);
    z-index: 9997 !important;
    display: none !important;
  }
  .bottom-more-overlay.acik { display: block !important; }


  /* Taşmayı önle — tüm sayfalarda */
  .detay-sidebar-layout  { grid-template-columns: 1fr; }
  .detay-icerik-grid     { grid-template-columns: 1fr; gap: 24px; }
  .haber-detay-grid      { grid-template-columns: 1fr; padding: 24px var(--kenar-bosluk); }
  .one-cikan-grid        { grid-template-columns: 1fr; }
  .vaka-detay-grid       { grid-template-columns: 1fr !important; }
  .vaka-gorsel           { min-height: 250px !important; }
  .vaka-gorsel img       { position: relative !important; height: 250px !important; }
  .alan-liste-satir      { grid-template-columns: 40px 1fr; }
  .alan-liste-satir > *:last-child { display: none; }
  .about-icerik-grid     { grid-template-columns: 1fr; gap: 32px; }
  .about-sert-grid       { grid-template-columns: 1fr; }
  .cozum-sektor-satir    { grid-template-columns: 40px 1fr; }
  .cozum-sektor-satir > *:last-child { display: none; }

  /* Genel taşma koruması */
  .page-content          { overflow-x: hidden; }
  .container             { overflow-x: hidden; }

  /* Layout */
  .urunler-layout     { grid-template-columns: 1fr; }
  .urun-liste-satir   { grid-template-columns: 1fr; }
  .urunler-sidebar    { display: none; }
  .cok-satan-grid     { grid-template-columns: repeat(2, 1fr); }
  .cok-satan-kart:nth-child(2) { border-right: none; }
  .vakalar-grid       { grid-template-columns: 1fr; }
  .vaka-kart          { border-right: none !important; }
  .haberler-tam-grid  { grid-template-columns: repeat(2, 1fr); }
  .haberler-tam-grid .haber-kart:nth-child(even) { border-right: none; }
  .neden-grid         { grid-template-columns: 1fr 1fr; }
  .neden-kart:last-child { grid-column: span 2; border-right: none; }
  .footer-grid        { grid-template-columns: 1fr 1fr; gap: 32px; }
  .iletisim-grid      { grid-template-columns: 1fr; }
  .alanlar-grid-ana   { grid-template-columns: repeat(3, 1fr); }
  .hakkimizda-icerik  { grid-template-columns: 1fr; gap: 40px; }
  .hakkimizda-rakamlari { grid-template-columns: repeat(4, 1fr); }
  .urun-detay-layout  { grid-template-columns: 1fr; }
  .urun-detay-resim   { height: 350px; }
  .cozumler-icerik    { grid-template-columns: 1fr; gap: 40px; }
  .sektor-panel.aktif { grid-template-columns: 1fr; }
  .sektor-panel-resim { height: 250px; }
  .jw-icerik          { grid-template-columns: 1fr; }
  .jw-sag             { height: 300px; }
  .stats-grid         { grid-template-columns: repeat(2, 1fr); }
  .dash-grid          { grid-template-columns: 1fr 1fr; }
}

/* iOS safe area */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  @media (max-width: 1100px) {
    .bottom-nav {
      height: calc(60px + env(safe-area-inset-bottom)) !important;
      padding-bottom: env(safe-area-inset-bottom);
    }
    .bottom-more-panel {
      bottom: calc(60px + env(safe-area-inset-bottom)) !important;
    }
    body { padding-bottom: calc(60px + env(safe-area-inset-bottom)) !important; }
  }
}

/* ============================================================
   768px
   ============================================================ */
@media (max-width: 768px) {
  :root { --kenar-bosluk: 20px; --header-h: 60px; }
  html { font-size: 16px; }

  .urun-liste-satir { grid-template-columns: 1fr; }
  .cok-satan-grid { grid-template-columns: 1fr; }
  .cok-satan-kart { border-right: none; border-bottom: 1px solid var(--gri2); }
  .cok-satan-kart:last-child { border-bottom: none; }
  .haberler-tam-grid,
  .haberler-tam-liste { grid-template-columns: 1fr; }
  .haber-kart { border-right: none; border-bottom: 1px solid var(--gri2); }
  .neden-grid { grid-template-columns: 1fr; }
  .neden-kart { border-right: none; border-bottom: 1px solid var(--gri2); grid-column: auto !important; }
  .neden-kart:last-child { border-bottom: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-stats { grid-template-columns: repeat(4, 1fr); }
  .alanlar-grid-ana { grid-template-columns: repeat(2, 1fr); }
  .hakkimizda-rakamlari { grid-template-columns: 1fr 1fr; }
  .hero-butonlar { flex-direction: column; }
  .hero-butonlar .btn { width: 100%; justify-content: center; }
  .sektor-tabs { display: grid; grid-template-columns: repeat(5, 1fr); overflow-x: auto; }
  .sektor-tab { padding: 16px 8px; min-width: 70px; }
  .sektor-tab-ad { font-size: .68rem; }
  .jw-adimlar { grid-template-columns: repeat(3, 1fr); }
  .form-2kol { grid-template-columns: 1fr; }
  .cozum-problem-grid { grid-template-columns: 1fr; }
  .cozum-item { border-right: none; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-kart { padding: 20px; }
  .footer-bottom-inner { flex-direction: column; text-align: center; }
  .vitrin-tablo th,
  .vitrin-tablo td { padding: 10px; font-size: .82rem; }
  input[type="text"], input[type="email"], input[type="tel"],
  input[type="date"], input[type="password"], textarea, select {
    font-size: 16px !important;
  }
  .admin-sidebar { transform: translateX(-100%); transition: transform .25s ease; }
  .admin-sidebar.acik { transform: translateX(0); }
  .admin-main { margin-left: 0; }
  .dash-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   480px
   ============================================================ */
@media (max-width: 480px) {
  .alanlar-grid-ana { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .footer-stats { grid-template-columns: 1fr 1fr; }
  .hakkimizda-rakamlari { grid-template-columns: 1fr 1fr; }
  .sektor-tabs { grid-template-columns: repeat(3, 1fr); }
  .sektor-tab-ad { display: none; }
  .sektor-tab-ikon { font-size: 1.6rem; }
}

@supports (-webkit-touch-callout: none) {
  .hero { min-height: -webkit-fill-available; }
}

@media (min-width: 1600px) {
  :root { --kenar-bosluk: 80px; }
}