/*
 * responsive.css — sayfa geneline yayılan breakpoint uyarlamaları.
 * İçerik: 400px altı header sıkıştırması, 640px (tablet) ve 860px (masaüstü)
 * grid/tipografi/navigasyon geçişleri, 480px altı chip boyutlandırması.
 * Bu dosya components.css'ten SONRA yüklenmelidir (aynı seçiciler için kazanması gerekir).
 */
  /* ---------- Responsive ---------- */
  @media (max-width:400px){
    .header-inner{padding:12px 14px;gap:8px;}
    .header-actions{gap:8px;}
    .brand-name{font-size:1.12rem;}
    .brand-tagline{font-size:.72rem;}
    .brand-mark{width:36px;height:36px;font-size:.95rem;}
    .header-call-btn{padding:12px;min-height:48px;}
    .header-call-btn .btn-text{display:none;}
    .header-call-btn svg{width:22px;height:22px;}
    .hamburger{width:48px;height:48px;}
  }

  @media (min-width:640px){
    .trust-grid{grid-template-columns:1fr 1fr;}
    .services-grid{grid-template-columns:1fr 1fr;}
    .fault-grid{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr 1fr;}
    .brand-chips{grid-template-columns:repeat(4,1fr);}
    .area-chips{grid-template-columns:repeat(3,1fr);}
    .testimonial-grid{grid-template-columns:1fr 1fr;}
  }

  @media (min-width:860px){
    h1{font-size:2.7rem;}
    h2{font-size:2.1rem;}
    body{font-size:19px;}
    nav.main-nav{display:block;}
    .hamburger{display:none;}
    .header-phone{display:flex;}

    .hero-inner{flex-direction:row;align-items:center;gap:56px;}
    .hero-copy{flex:1.05;min-width:0;}
    .hero-visual{flex:.95;min-width:0;}

    .trust-grid{grid-template-columns:repeat(4,1fr);}

    .services-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(220px,auto);align-items:stretch;}
    .service-card--featured{grid-column:span 2;grid-row:span 2;min-height:0;}

    .fault-grid{grid-template-columns:repeat(4,1fr);}

    .split{flex-direction:row;align-items:center;gap:64px;}
    .split-media{flex:.9;min-width:0;}
    .split-copy{flex:1.1;min-width:0;}
    .split.split-reverse{flex-direction:row-reverse;}

    .steps{grid-template-columns:repeat(4,1fr);}
    .steps::before{
      content:'';position:absolute;top:22px;left:12.5%;right:12.5%;height:2px;
      background:var(--color-border);z-index:0;
    }
    .step-card{position:relative;z-index:1;}

    .footer-grid{grid-template-columns:1.3fr 1fr 1.1fr;align-items:start;}
    .mobile-contact-bar{display:none;}
    body{padding-bottom:0;}

    .area-chips{grid-template-columns:repeat(6,1fr);}
    .testimonial-grid{grid-template-columns:repeat(3,1fr);}
    .contact-split{flex-direction:row;align-items:stretch;gap:32px;}
    .contact-split .map-placeholder{flex:1;min-height:0;}
    .contact-split .contact-card{flex:1;}
  }

  @media (max-width:480px){
    .brand-chip,.area-chip{padding:12px 8px;font-size:.92rem;}
  }