/* Responsive stiller - mobil ve tablet uyumu icin */

/* Tablet boyutu */
@media (max-width: 992px) {
  .features { grid-template-columns: repeat(2, 1fr); }
  .counters { grid-template-columns: repeat(2, 1fr); }
  .calc-grid { grid-template-columns: 1fr; }
  .charts-grid { grid-template-columns: 1fr; }
  .nutrition-summary { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
  .pricing-card.featured { transform: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 42px; }
}

/* Mobil */
@media (max-width: 768px) {
  /* Mobil menü - varsayılan olarak gizli, hamburgere basınca dikey açılır */
  .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    background: var(--bg-card);
    padding: 8px 0;
    box-shadow: var(--shadow-lg);
    border-top: 1px solid var(--border);
    z-index: 90;
    gap: 0;
  }
  /* Her menü öğesi tam genişlikte block, rahat padding'li */
  .nav a {
    display: block;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    border-bottom: 1px solid var(--border);
  }
  .nav a:last-child {
    border-bottom: none;
  }
  /* Desktop'taki alt çizgi göstergesini mobilde gizle */
  .nav a::after {
    display: none;
  }
  /* Aktif öğe vurgusu */
  .nav a.active {
    color: var(--accent);
    background: var(--bg-soft);
  }
  .hamburger { display: block; }
  /* Header sağdaki butonlar - mobilde sıkışmasın */
  .header-actions { gap: 8px; }
  .theme-toggle {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
  /* Giriş butonu mobilde küçülsün */
  #authBtn {
    padding: 8px 12px;
    font-size: 13px;
  }

  .hero { min-height: 500px; padding: 60px 0; }
  .hero h1 { font-size: 34px; }
  .hero-subtitle { font-size: 16px; }

  .section { padding: 50px 0; }
  .section-title { font-size: 28px; }

  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }

  .auth-wrap { padding: 24px; margin: 24px 16px; }

  .exercise-item { flex-direction: column; text-align: center; }
  .exercise-item img { width: 100%; height: 200px; }

  .profile-header { flex-direction: column; text-align: center; }

  .nutrition-summary { grid-template-columns: 1fr 1fr; }

  .page-header h1 { font-size: 30px; }

  .counter-number { font-size: 36px; }
}

/* Kucuk telefon */
@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .hero h1 { font-size: 28px; }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; }
  .nutrition-summary { grid-template-columns: 1fr; }
  .badge-grid { grid-template-columns: 1fr 1fr; }
  .newsletter { padding: 40px 20px; }
}