/* Talaytepe Oto Çilingir — stil */
:root {
  --bosluk-1:.5rem; --bosluk-2:1rem; --bosluk-3:1.5rem; --bosluk-4:2rem;
  --bosluk-6:3rem; --bosluk-8:4rem; --bosluk-12:6rem;
  --yazi-sm:.9375rem; --yazi-md:1.0625rem; --yazi-lg:1.25rem;
  --yazi-xl:1.5rem; --yazi-2xl:2rem; --yazi-3xl:2.75rem;
  --koyu:#0b1220; --koyu-2:#111a2e; --metin:#1e293b; --soluk:#475569;
  --vurgu:#b45309; --vurgu-koyu:#92400e; --vurgu-acik:#fef3c7;
  --zemin:#f8fafc; --zemin-2:#eef2f7; --cizgi:#e2e8f0; --beyaz:#fff;
  --yaricap:12px; --golge:0 4px 16px rgba(11,18,32,.08);
  --font-govde:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-baslik:'Poppins',system-ui,sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-govde); font-size:var(--yazi-md); color:var(--metin); background:var(--zemin); line-height:1.65; }
img { max-width:100%; display:block; }
h1,h2,h3 { font-family:var(--font-baslik); color:var(--koyu); line-height:1.25; }
h1 { font-size:var(--yazi-3xl); } h2 { font-size:var(--yazi-2xl); } h3 { font-size:var(--yazi-lg); }
a { color:var(--vurgu-koyu); }
.atla { position:absolute; left:-9999px; }
.atla:focus { left:8px; top:8px; background:var(--beyaz); padding:8px 16px; z-index:100; border-radius:8px; }

/* Üst bar */
.ust { background:var(--koyu); color:var(--beyaz); position:sticky; top:0; z-index:50; box-shadow:var(--golge); }
.ust-ic { max-width:1120px; margin:0 auto; padding:var(--bosluk-2) var(--bosluk-3); display:flex; align-items:center; gap:var(--bosluk-3); }
.logo { display:flex; align-items:center; gap:10px; color:var(--beyaz); text-decoration:none; font-family:var(--font-baslik); font-weight:700; font-size:var(--yazi-md); }
.logo svg { color:var(--vurgu); }
.menu { display:flex; gap:var(--bosluk-2); margin-left:auto; }
.menu a { color:#cbd5e1; text-decoration:none; font-size:var(--yazi-sm); padding:10px 4px; min-height:44px; display:inline-flex; align-items:center; }
.menu a:hover, .menu a[aria-current="page"] { color:var(--beyaz); border-bottom:2px solid var(--vurgu); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 20px; border-radius:var(--yaricap); font-weight:600; text-decoration:none; font-size:var(--yazi-sm); border:none; cursor:pointer; }
.btn-telefon { background:var(--vurgu); color:var(--beyaz); }
.btn-telefon:hover { background:var(--vurgu-koyu); }
.btn-ikincil { background:var(--beyaz); color:var(--koyu); border:1px solid var(--cizgi); }
.btn-ikincil:hover { background:var(--zemin-2); }
.menu-ac { display:none; background:none; border:none; color:var(--beyaz); cursor:pointer; min-height:44px; min-width:44px; }

/* Hero */
.hero { background:linear-gradient(135deg, var(--koyu) 0%, var(--koyu-2) 100%); color:var(--beyaz); }
.hero-ic { max-width:1120px; margin:0 auto; padding:var(--bosluk-8) var(--bosluk-3); display:grid; grid-template-columns:1.1fr .9fr; gap:var(--bosluk-6); align-items:center; }
.hero h1 { color:var(--beyaz); font-size:var(--yazi-3xl); margin-bottom:var(--bosluk-2); }
.hero h1 span { color:var(--vurgu); }
.hero p { color:#cbd5e1; margin-bottom:var(--bosluk-3); }
.hero-cta { display:flex; gap:var(--bosluk-2); flex-wrap:wrap; }
img { max-width:100%; height:auto; }
.hero img { border-radius:var(--yaricap); box-shadow:0 12px 32px rgba(0,0,0,.35); aspect-ratio:16/10; object-fit:cover; width:100%; }
.hero-rozet { display:inline-flex; align-items:center; gap:8px; background:rgba(180,83,9,.25); color:var(--vurgu-acik); padding:6px 14px; border-radius:999px; font-size:var(--yazi-sm); font-weight:600; margin-bottom:var(--bosluk-2); }

/* Bölümler */
.bolum { padding:var(--bosluk-8) var(--bosluk-3); }
.bolum-ic { max-width:1120px; margin:0 auto; }
.bolum-baslik { text-align:center; max-width:640px; margin:0 auto var(--bosluk-6); }
.bolum-baslik p { color:var(--soluk); margin-top:var(--bosluk-1); }
.izgara-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--bosluk-3); }
.izgara-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--bosluk-3); }
.kart { background:var(--beyaz); border:1px solid var(--cizgi); border-radius:var(--yaricap); padding:var(--bosluk-3); box-shadow:var(--golge); }
.kart h3 { margin-bottom:var(--bosluk-1); }
.kart p { color:var(--soluk); font-size:var(--yazi-sm); }
.kart .ikon { width:48px; height:48px; border-radius:10px; background:var(--vurgu-acik); color:var(--vurgu-koyu); display:flex; align-items:center; justify-content:center; margin-bottom:var(--bosluk-2); }
.kart .ikon svg { width:24px; height:24px; }
.kart-gorsel { aspect-ratio:16/10; object-fit:cover; border-radius:8px; margin-bottom:var(--bosluk-2); width:100%; }

/* İstatistik şeridi */
.istatistik { background:var(--koyu); color:var(--beyaz); }
.istatistik .bolum-ic { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--bosluk-3); text-align:center; }
.istatistik .sayi { font-family:var(--font-baslik); font-size:var(--yazi-2xl); color:var(--vurgu); font-weight:700; }
.istatistik .etiket { color:#cbd5e1; font-size:var(--yazi-sm); }

/* Hikâye şeridi */
.hikaye { display:grid; grid-template-columns:1fr 1fr; gap:var(--bosluk-6); align-items:center; }
.hikaye img { border-radius:var(--yaricap); aspect-ratio:4/3; object-fit:cover; width:100%; }
.hikaye ul { margin:var(--bosluk-2) 0 0 var(--bosluk-3); color:var(--soluk); }

/* Yorum */
.yorum { background:var(--zemin-2); }
.yorum-kart { background:var(--beyaz); border-radius:var(--yaricap); padding:var(--bosluk-3); border:1px solid var(--cizgi); }
.yorum-kart .kim { font-weight:600; margin-top:var(--bosluk-2); font-size:var(--yazi-sm); }
.yorum-kart .yer { color:var(--soluk); font-size:var(--yazi-sm); }
.yildiz { color:#d97706; letter-spacing:2px; }

/* SSS */
.soru { border:1px solid var(--cizgi); border-radius:var(--yaricap); background:var(--beyaz); margin-bottom:var(--bosluk-2); overflow:hidden; }
.soru summary { padding:var(--bosluk-2) var(--bosluk-3); cursor:pointer; font-weight:600; color:var(--koyu); min-height:44px; display:flex; align-items:center; }
.soru .cevap { padding:0 var(--bosluk-3) var(--bosluk-2); color:var(--soluk); font-size:var(--yazi-sm); }

/* CTA */
.cta { background:linear-gradient(135deg, var(--vurgu-koyu), var(--vurgu)); color:var(--beyaz); text-align:center; }
.cta h2 { color:var(--beyaz); margin-bottom:var(--bosluk-2); }
.cta p { margin-bottom:var(--bosluk-3); color:#ffedd5; }
.cta .btn { background:var(--beyaz); color:var(--vurgu-koyu); font-size:var(--yazi-md); padding:14px 28px; }

/* Form */
.form-alan { margin-bottom:var(--bosluk-2); }
.form-alan label { display:block; font-weight:600; font-size:var(--yazi-sm); margin-bottom:6px; color:var(--koyu); }
.form-alan input, .form-alan textarea, .form-alan select { width:100%; padding:12px 14px; border:1px solid var(--cizgi); border-radius:8px; font-family:inherit; font-size:var(--yazi-sm); background:var(--beyaz); }
.form-alan input:focus, .form-alan textarea:focus { outline:2px solid var(--vurgu); outline-offset:1px; }
.bildirim { padding:12px 16px; border-radius:8px; margin-bottom:var(--bosluk-2); font-size:var(--yazi-sm); }
.bildirim-ok { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.bildirim-hata { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }

/* İletişim sayfası */
.iletisim-izgara { display:grid; grid-template-columns:1fr 1fr; gap:var(--bosluk-4); }
.iletisim-bilgi a { display:flex; align-items:center; gap:10px; padding:12px 0; min-height:44px; text-decoration:none; color:var(--metin); }
.iletisim-bilgi a:hover { color:var(--vurgu-koyu); }
.harita { border-radius:var(--yaricap); overflow:hidden; border:1px solid var(--cizgi); }
.harita iframe { width:100%; height:320px; border:0; display:block; }

/* Bölge kartları */
.bolge-kart { display:flex; align-items:flex-start; gap:12px; }
.bolge-kart svg { flex:none; margin-top:2px; color:var(--vurgu); }

/* Altlık */
.altlik { background:var(--koyu); color:#94a3b8; padding:var(--bosluk-6) var(--bosluk-3) var(--bosluk-2); }
.altlik-ic { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--bosluk-4); }
.altlik strong { color:var(--beyaz); display:block; margin-bottom:var(--bosluk-1); }
.altlik a { color:#94a3b8; text-decoration:none; display:block; padding:6px 0; min-height:44px; display:inline-flex; align-items:center; }
.altlik a:hover { color:var(--beyaz); }
.altlik-alt { max-width:1120px; margin:var(--bosluk-4) auto 0; padding-top:var(--bosluk-2); border-top:1px solid #1e293b; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--bosluk-2); font-size:var(--yazi-sm); }
.altlik-alt .yonetim { min-height:44px; }

/* Sayfa başlığı (iç sayfalar) */
.sayfa-baslik { background:var(--koyu-2); color:var(--beyaz); padding:var(--bosluk-6) var(--bosluk-3); }
.sayfa-baslik .bolum-ic h1 { color:var(--beyaz); font-size:var(--yazi-2xl); }
.sayfa-baslik p { color:#cbd5e1; margin-top:var(--bosluk-1); max-width:640px; }

/* Mobil */
@media (max-width:900px) {
  .hero-ic, .hikaye, .iletisim-izgara { grid-template-columns:1fr; }
  .izgara-3 { grid-template-columns:1fr; }
  .izgara-2 { grid-template-columns:1fr; }
  .istatistik .bolum-ic { grid-template-columns:repeat(2,1fr); }
  .altlik-ic { grid-template-columns:1fr; }
  .menu { display:none; position:absolute; top:100%; left:0; right:0; background:var(--koyu-2); flex-direction:column; padding:var(--bosluk-2); gap:0; }
  .menu.acik { display:flex; }
  .menu-ac { display:inline-flex; margin-left:auto; }
  .btn-telefon { display:none; }
  h1 { font-size:var(--yazi-2xl); }
}