/* ==========================================================================
   Boya Badana Ustası — responsive.css
   Mobile-first media queries (min-width)
   Breakpoints: 768px (tablet), 1024px (desktop)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tablet ve üzeri (>= 768px)
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {

  /* Tipografi büyüt */
  h1 { font-size: 2.8rem; }
  .hero__content h1 { font-size: 3.1rem; }

  .section { padding: 4.5rem 0; }

  /* Nav */
  .nav__menu { display: flex; }
  .nav__actions { display: flex; }
  .nav__toggle { display: none; }
  .nav__mobile { display: none; }

  /* Hero */
  .hero__inner { padding: 4.5rem 0; }

  /* Güven çubuğu */
  .trust__grid { grid-template-columns: repeat(4, 1fr); }

  /* Kart gridleri */
  .card-grid--3 { grid-template-columns: repeat(2, 1fr); }

  /* Süreç */
  .process__grid { grid-template-columns: repeat(2, 1fr); }

  /* İstatistik */
  .stats { grid-template-columns: repeat(4, 1fr); }
  .stat__num { font-size: 2.8rem; }

  /* Footer */
  .footer__grid { grid-template-columns: 2fr 1fr 1.3fr; }

  /* Hizmet blokları — dönüşümlü görsel/metin */
  .service-block {
    grid-template-columns: 1.1fr 1fr;
    gap: 3rem;
    align-items: center;
  }
  .service-block--reverse .service-block__media { order: 2; }

  /* İletişim */
  .contact-grid { grid-template-columns: 1fr 1.1fr; align-items: start; }
  .form__row { grid-template-columns: 1fr 1fr; }

  /* Split */
  .split { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .split--reverse .split__media { order: 2; }

  /* Blog liste */
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

/* --------------------------------------------------------------------------
   Desktop ve üzeri (>= 1024px)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {

  .section { padding: 5rem 0; }

  /* Hero — 2 sütun */
  .hero__inner { grid-template-columns: 1.05fr 0.95fr; gap: 3.5rem; padding: 5.5rem 0; }
  .hero__content h1 { font-size: 3.4rem; }

  /* 3'lü kart gridleri */
  .card-grid--3 { grid-template-columns: repeat(3, 1fr); }

  /* Süreç — 4 adım yatay */
  .process__grid { grid-template-columns: repeat(4, 1fr); }

  /* Blog liste 3'lü */
  .blog-grid { grid-template-columns: repeat(3, 1fr); }

  /* İç sayfa hero büyüt */
  .page-hero { padding: 4rem 0; }
}

/* --------------------------------------------------------------------------
   Geniş masaüstü (>= 1280px)
   -------------------------------------------------------------------------- */
@media (min-width: 1280px) {
  .hero__content h1 { font-size: 3.6rem; }
}

/* --------------------------------------------------------------------------
   Küçük ekran ince ayar (< 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 479px) {
  h1 { font-size: 2.1rem; }
  .hero__content h1 { font-size: 2.1rem; }
  h2 { font-size: 1.7rem; }
  .cta-banner__phone { font-size: 1.9rem; }
  .hero__cta { flex-direction: column; }
  .hero__cta .btn { width: 100%; }
  .trust__grid { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   Erişilebilirlik — reduced motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}