/* ============================================
   RESPONSIVE DESIGN - DETAYLI AYARLAMALAR
   ============================================ */

/* Large Desktop */
@media (min-width: 1400px) {
  .hero-dashboard .dashboard-preview { max-width: 1000px; }
  .stats-grid { grid-template-columns: repeat(4, 1fr); }
  .bento-grid { grid-template-columns: repeat(4, 1fr); }
  .testimonials-carousel { grid-template-columns: repeat(3, 1fr); }
  .blog-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Extra Large Tablets */
@media (max-width: 1200px) and (min-width: 1024px) {
  .bento-grid { grid-template-columns: repeat(2, 1fr); }
  .bento-large, .bento-ai { grid-column: span 2; }
  .testimonials-carousel { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .faq-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Large Tablets */
@media (max-width: 1023px) and (min-width: 768px) {
  :root { --header-h: 60px; }
  
  .nav { gap: 1rem; padding: 0 1.25rem; }
  .hamburger { gap: 4px; }
  .hamburger span { width: 20px; }
  
  .hero { padding: calc(var(--header-h) + 2.5rem) 0 0; }
  .hero-content { max-width: 95%; }
  .hero-title { font-size: clamp(2.25rem, 6vw, 3rem); }
  .hero-desc { font-size: 1.0625rem; }
  .hero-actions { gap: 0.75rem; }
  .hero-trust { gap: 1.25rem; }
  
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .bento-grid { grid-template-columns: repeat(2, 1fr); }
  .bento-large, .bento-ai { grid-column: span 2; }
  
  .why-inner { gap: 2.5rem; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  
  .testimonials-carousel { grid-template-columns: repeat(2, 1fr); }
  .faq-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  
  .blog-featured { grid-template-columns: 1fr; }
  .blog-main-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Small Tablets & Large Phones */
@media (max-width: 767px) and (min-width: 480px) {
  :root { --header-h: 52px; }
  
  .nav { padding: 0 0.75rem; gap: 0.75rem; }
  .logo { gap: 0.5rem; }
  .logo-text { font-size: 1.25rem; }
  
  .hero { padding: calc(var(--header-h) + 1.25rem) 0 0; }
  .hero-content { padding: 0 1rem; }
  .hero-badge { font-size: 0.75rem; }
  .hero-title { font-size: clamp(1.625rem, 6vw, 2.125rem); }
  .hero-desc { font-size: 0.9375rem; }
  
  .stats-grid { grid-template-columns: 1fr; }
  .stats-grid .stat-card:first-child,
  .stats-grid .stat-card:last-child { grid-column: span 2; }
  
  .bento-grid { grid-template-columns: 1fr; }
  .bento-large, .bento-ai { grid-column: span 1; }
  
  .about-values { grid-template-columns: 1fr; }
  .about-stats-visual { grid-template-columns: 1fr; }
  .approach-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  
  .process-grid { grid-template-columns: 1fr; }
  .testimonials-carousel { grid-template-columns: 1fr; }
  .faq-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  
  .blog-main-grid { grid-template-columns: 1fr; }
  .newsletter-card { padding: 1.5rem; }
  
  .mobile-cta-bar { display: flex; }
  .floating-buttons { display: none; }
  
  .footer-grid { gap: 1.5rem; }
  .footer-bottom { flex-direction: column; gap: 0.5rem; }
}

/* Small Phones */
@media (max-width: 479px) {
  :root { --header-h: 48px; }
  
  .container { padding: 0 0.75rem; }
  .nav { padding: 0 0.5rem; }
  .hamburger { gap: 3px; padding: 6px; }
  .hamburger span { width: 18px; height: 1.5px; }
  
  .hero { padding: calc(var(--header-h) + 1rem) 0 0; }
  .hero-title { font-size: clamp(1.5rem, 6vw, 1.75rem); }
  .hero-desc { font-size: 0.875rem; }
  .hero-actions { gap: 0.625rem; }
  .hero-actions .btn-primary { padding: 0.625rem 1.25rem; font-size: 0.875rem; }
  
  .section-title { font-size: clamp(1.5rem, 5vw, 1.75rem); }
  .section-desc { font-size: 0.875rem; }
  
  .stat-card { padding: 1.5rem; }
  .stat-number { font-size: 1.75rem; }
  
  .process-step { padding: 1.5rem; }
  .step-number { font-size: 2.5rem; }
  
  .testimonial-card { padding: 1.5rem; }
  .t-name { font-size: 0.875rem; }
  
  .form-card { padding: 1.5rem; }
  .contact-form { gap: 1rem; }
  
  .newsletter-card { padding: 1rem; }
  .nl-icon { width: 56px; height: 56px; font-size: 1.5rem; }
  
  .floating-buttons { bottom: 1.25rem; right: 1rem; }
  .float-btn { width: 48px; height: 48px; font-size: 1.125rem; }
}

/* Very Small Screens */
@media (max-width: 359px) {
  .hero-actions { flex-direction: column; gap: 0.5rem; }
  .hero-actions a { width: 100%; justify-content: center; }
  .hero-trust { gap: 0.75rem; }
  
  .section-header { margin-bottom: 2rem; }
  .section-cta { margin-top: 1.5rem; }
  
  .stat-card { padding: 1.25rem; }
  .stat-number { font-size: 1.5rem; }
  
  .bento-card { padding: 1.5rem; }
  .bento-tags span { font-size: 0.6875rem; }
  
  .process-step { padding: 1.25rem; }
  
  .testimonial-card { padding: 1.25rem; }
  .t-avatar { width: 40px; height: 40px; font-size: 0.75rem; }
  
  .faq-question { padding: 1rem; font-size: 0.875rem; }
  
  .blog-card { padding: 1.25rem; }
  .blog-card h3 { font-size: 0.9375rem; }
  
  .ctb-actions { gap: 0.5rem; }
  .btn-cta-primary { padding: 0.75rem 1.5rem; font-size: 0.9375rem; }
}

/* High DPI Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :root {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

/* Print Styles */
@media print {
  body { font-size: 12pt; }
  .header, .floating-buttons, .mobile-cta-bar, .cookie-banner { display: none; }
  .section { break-inside: avoid; }
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    word-break: break-all;
  }
}