:root{
  --primary-1:#0b6fb2;
  --primary-2:#1fb97f;
  --bg:#fff;
  --muted:#666;
  --card-bg:#fafafa;
--card1-bg:#FFFFFF;
}
body{font-family:Inter,Arial;margin:0;color:#123;line-height:1.5;background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:20px} /* padding biraz azaltıldı */
.site-header{background:linear-gradient(90deg,var(--primary-1),var(--primary-2));color:#fff;padding:14px 0;position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;gap:20px}
.text-logo{font-size:22px;font-weight:800;color:#fff}
.nav{margin-left:auto;display:flex;gap:14px}
.nav a{color:#fff;text-decoration:none;font-weight:600}
.hero{padding:60px 0;background:linear-gradient(180deg,rgba(11,111,178,0.12),rgba(31,185,127,0.04))} /* padding azaltıldı */
.btn{background:linear-gradient(90deg,var(--primary-1),var(--primary-2));color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;border:none;cursor:pointer}
.section{padding:40px 0} /* padding azaltıldı */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:var(--card-bg);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(10,20,30,0.04)}
.contact-wrap{display:grid;grid-template-columns:1fr 320px;gap:20px}
input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
.status{margin-top:10px;color:var(--muted)}
.site-footer{text-align:center;color:var(--muted);padding:24px 0}


/* ================================================= */
/* Mobil Uyumlu Eklemeler                */
/* ================================================= */

@media (max-width: 768px) {
    /* Header'da logo ve navigasyonun yığılması */
    .header-inner {
        flex-direction: column;
        align-items: center; /* Logoyu merkeze al */
    }
    
    /* Navigasyonun tam genişlikte bağlantıları yayması */
    .nav {
        margin-left: 0;
        width: 100%;
        justify-content: space-around;
        margin-top: 10px;
    }

    /* İletişim bölümü düzenini tek sütuna çevir */
    .contact-wrap {
        grid-template-columns: 1fr; /* 1 sütun */
    }

    /* İletişim formunda butonun tam genişlik almasını sağla */
    .btn {
        width: 100%;
        text-align: center;
    }
}