/* ==========================================================================
   ROBOTLAR.INFO - Mobil ve Duyarlı (Responsive) Tasarım
   Hamburger Menü & Bottom Bar Kuralları
   ========================================================================== */

@media (max-width: 1200px) {
  .footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  }
  .footer-col:nth-child(4) {
    display: none;
  }
}

@media (max-width: 992px) {
  /* Masaüstü Menüyü Gizle, Hamburger Menüyü Göster */
  .header-nav-bar {
    display: none !important;
  }

  .mobile-hamburger-btn {
    display: flex;
  }

  .header-search {
    max-width: 320px;
  }

  .header-phone-box {
    padding: 6px 10px;
  }

  .header-phone-box .phone-meta {
    display: none; /* Tablette sadece telefon ikonu veya kompakt görünüm */
  }

  .header-actions .btn-outline-login {
    display: none;
  }

  /* Alt Sabit Navigasyon Çubuğunu Mobilde Aktifleştir */
  .mobile-bottom-nav {
    display: flex;
  }

  body {
    padding-bottom: 70px; /* Alt barın içeriği kapatmaması için */
  }

  .floating-whatsapp {
    bottom: 80px; /* Alt barın üstünde kalsın */
  }

  .hero-title {
    font-size: 38px;
  }

  .hero-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .roi-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .header-search {
    display: none; /* Mobilde arama alt bar veya hero içinden yapılır */
  }

  .brand-text span {
    display: none;
  }

  .brand-text h1 {
    font-size: 20px;
  }

  .btn-pulse-cta {
    padding: 8px 12px;
    font-size: 11.5px;
  }

  .hero-section {
    padding: 40px 0 30px;
  }

  .hero-title {
    font-size: 30px;
  }

  .hero-subtitle {
    font-size: 15px;
  }

  .ai-search-box {
    flex-direction: column;
    padding: 12px;
  }

  .ai-search-input {
    width: 100%;
    height: 40px;
  }

  .btn-ai-search {
    width: 100%;
    justify-content: center;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 26px;
  }

  .stat-number {
    font-size: 26px;
  }
}