/* ============================================================
   responsive.css — Tuncay Koltuk Yıkama
   Mobil uyum stilleri
   ============================================================ */

/* ── Tablet (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .about-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .about-image-frame {
    max-width: 400px;
    margin: 0 auto;
  }
}

/* ── Mobil (≤768px) ───────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --header-h: 64px;
  }
  section { padding: 3.5rem 0; }

  /* Header */
  .header-inner { padding: 0 1.1rem; gap: .5rem; }
  .header-nav { display: none; }
  .burger { display: flex; }
  .mobile-nav { display: flex; }
  .logo-text small { display: none; }
  .header-logo { min-width: 0; flex-shrink: 1; }
  .logo-text { min-width: 0; }
  .logo-text strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 44vw;
  }
  .header-actions { gap: .35rem; }
  .header-actions .btn-whatsapp { display: none; }

  /* Hero */
  .hero-actions { flex-direction: column; align-items: center; }
  .hero-actions .btn { width: 100%; justify-content: center; max-width: 320px; }
  .hero-badges { gap: 1rem; justify-content: center; }

  /* Grids */
  .why-grid            { grid-template-columns: 1fr; }
  .services-grid       { grid-template-columns: 1fr; }
  .gallery-grid        { grid-template-columns: repeat(2, 1fr); }
  .stats-grid          { grid-template-columns: repeat(2, 1fr); }
  .about-values        { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  .footer-bottom { flex-direction: column; gap: .5rem; text-align: center; }

  /* Contact form */
  .form-row { grid-template-columns: 1fr; }

  /* Cookie */
  #cookie-banner { flex-direction: column; align-items: flex-start; }
  .cookie-actions { width: 100%; }
  .cookie-actions .btn { flex: 1; justify-content: center; }

  /* Floating buttons */
  .floating-buttons { bottom: 1.25rem; right: 1.25rem; }
  .fab { width: 48px; height: 48px; font-size: 1.25rem; }

  /* Section header */
  .section-title { font-size: 1.7rem; }
}

/* ── Small Mobile (≤480px) ────────────────────────────────── */
@media (max-width: 480px) {
  .container { padding: 0 1.1rem; }
  .gallery-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .stat-number { font-size: 2rem; }
  .hero-title { font-size: 2rem; }
  .header-inner { padding: 0 1.1rem; }
  .contact-form-wrap { padding: 1.5rem; }
}

/* ── Touch device hover override ─────────────────────────── */
@media (hover: none) {
  .service-card:hover,
  .why-card:hover {
    transform: none;
    box-shadow: var(--shadow-sm);
  }
}

/* ── Print ────────────────────────────────────────────────── */
@media print {
  #site-header,
  #site-footer,
  .floating-buttons,
  #cookie-banner,
  .fab,
  .hero-actions { display: none; }
  body { color: #000; background: #fff; }
  .hero { min-height: auto; padding: 1rem 0; background: #fff; }
  .hero-title, .hero-subtitle { color: #000; }
}