/* ============================================
   Aser Makina - Responsive Breakpoints
   ============================================ */

/* === Tablet (768px - 1199px) === */
@media (max-width: 1199px) {
  :root {
    --text-6xl: 3rem;
    --text-5xl: 2.5rem;
    --text-4xl: 2rem;
  }

  .container { padding: 0 var(--space-5); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-6 { grid-template-columns: repeat(3, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-8); }
  .product-detail-grid { grid-template-columns: 1fr; }
  .product-gallery { position: static; }
  .contact-grid { grid-template-columns: 1fr; }
  .showcase-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  
  .nav-desktop { display: none; }
  .lang-switcher { display: none; }
  .header-cta { display: none; }
  .nav-toggle { display: flex; }
  .nav-mobile { display: flex; }
  .header-inner { height: 70px; }
  .header.scrolled .header-inner { height: 64px; }
  .header-logo img { height: 46px; max-width: 150px; }
  .header.scrolled .header-logo img { height: 44px; margin-top: 0; }
  
  .hero-grid { grid-template-columns: 1fr; gap: 40px; padding: 120px 0 80px; }
  .hero-cards { flex-direction: row; flex-wrap: wrap; gap: 12px; }
  .hero-float-card { flex: 1; min-width: 200px; }
  .hero-title { font-size: var(--text-5xl); }
}

/* === Mobile (max 767px) === */
@media (max-width: 767px) {
  :root {
    --text-6xl: 2.25rem;
    --text-5xl: 2rem;
    --text-4xl: 1.75rem;
    --text-3xl: 1.5rem;
  }

  .section { padding: var(--space-16) 0; }
  .container { padding: 0 var(--space-4); }
  
  .grid-2, .grid-3, .grid-4, .grid-6 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
  .footer-grid { grid-template-columns: 1fr; }
  
  .hero { min-height: 90vh; }
  .hero-grid { grid-template-columns: 1fr; padding: 100px 0 60px; gap: 30px; }
  .hero-title { font-size: var(--text-4xl); }
  .hero-subtitle { font-size: var(--text-base); }
  .hero-actions { flex-direction: column; }
  .btn-hero-primary, .btn-hero-outline { width: 100%; justify-content: center; text-align: center; }
  .hero-scroll { display: none; }
  .hero-cards { display: none; }
  .hero-stats { flex-wrap: wrap; gap: var(--space-4); }
  .hero-stat-divider { display: none; }
  .hero-stat { min-width: 45%; }
  .showcase-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .showcase-stats { flex-wrap: wrap; gap: var(--space-4); }
  .hero-geometric { display: none; }
  
  .section-header { margin-bottom: var(--space-10); }
  .section-header h2 { font-size: var(--text-3xl); }
  
  .stat-item { padding: var(--space-5); }
  .stat-number { font-size: var(--text-3xl); }
  
  .page-header { padding: var(--space-24) 0 var(--space-12); }
  .page-header h1 { font-size: var(--text-3xl); }
  
  .product-info h1 { font-size: var(--text-2xl); }
  .product-actions { flex-direction: column; }
  .product-actions .btn { width: 100%; justify-content: center; }
  
  .cta-section { padding: var(--space-16) 0; }
  .cta-section h2 { font-size: var(--text-2xl); }
  .cta-actions { flex-direction: column; align-items: center; }
  
  .ref-table { font-size: var(--text-xs); }
  .ref-table thead th,
  .ref-table tbody td { padding: var(--space-2) var(--space-3); }
  
  .footer-bottom { flex-direction: column; gap: var(--space-3); text-align: center; }
  
  .whatsapp-float { bottom: var(--space-5); right: var(--space-5); }
  .whatsapp-float a { width: 52px; height: 52px; font-size: var(--text-2xl); }
  .whatsapp-tooltip { display: none; }
  .back-to-top { right: calc(var(--space-5) + 66px); bottom: var(--space-5); width: 38px; height: 38px; }
  
  .cookie-banner { flex-direction: column; text-align: center; }
  
  .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-2); }
  
  .btn-lg { padding: var(--space-3) var(--space-8); font-size: var(--text-base); }
}

/* === Küçük telefon (max 374px) === */
@media (max-width: 374px) {
  :root {
    --text-4xl: 1.5rem;
    --text-3xl: 1.25rem;
  }
  
  .stats-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
}

/* === Print === */
@media print {
  .header, .footer, .whatsapp-float, .back-to-top, .cookie-banner { display: none !important; }
  .hero { min-height: auto; padding: var(--space-8) 0; }
  .section { padding: var(--space-8) 0; }
  body { color: #000; }
  a { color: #000; }
}